Facebook Connect settings for popup dialog - facebook

I'm in the process of implementing Facebook Connect for my site, everything seems to be working fine so far except that the look of my popup dialog upon clicking on "Login with Facebook" is totally different from what I see on other sites like say Posterous.
I'm only getting a popup with the msg "Do you want to log in to with your Facebook account?" followed by the 2 login fields whereas Posterous has a more detailed dialog box with 2 images and more descriptive text.
Am i missing out on some configuration settings here or?
Thanks

The text you're seeing is due to the new Facebook data permissions and permissions dialog changes that will go into effect on June 1st. The new settings also has different text for the dialog when you're logged into Facebook but not yet connected to the site:
[SITE_NAME] is requesting permission
to do the following:
Access my public information
Includes name, profile picture, list
of friends and all other public parts
of my profile
You can switch your app to the old / current Connect dialogs to see the difference by going to the Migrations tab when editing your application and setting "New Data Permissions" to Disabled. But on June 1st, you'll be automatically switched to the new version if you haven't already enabled it.
The new dialogs' text is definitely scarier to the user - I'm a little surprised Facebook is changing the text to this since they always say they want to make connecting as appealing as possible for the user. But we don't have a choice.

Related

Why get "Permission Needed" everytime for my word plugin?

I am builing Word Plugin, I follow the tutorial to set up SSO by adding
<WebApplicationInfo>
<Id>{application GUID here}</Id>
<Resource>api://localhost:44355/{application_GUID here}</Resource>
<Scopes>
<Scope>openid</Scope>
<Scope>offline_access</Scope>
<Scope>profile</Scope>
<Scope>files.read.all</Scope>
</Scopes>
</WebApplicationInfo>
into my manifest file, however, everytime I refresh the page, when I click my plugin icon, it pops "Permission Needed" dialog box to ask above permissions, even I already gave the consent before, I thought it will remember my consent for the app. It shouldn't bother me again and again, this behavior happens before "Office.initialize" event, therefore not my code cause that.
My question, any way to let the "permission needed" only popup at first time, and after I gave the consent no matter how many times I refresh the page, when I click my plugin icon, it will not popup again?
Thanks
* More info appended *
I use my "Work or School" account login to office365, the URL is https://word.office.com
choose any word file, and click my plugin.
Then give the consent for app.
Then, If I reload the current Word page (by pressing Ctrl+F5) and click my plugin icon again, it repeat the above steps which I already give the consent.
That not make sense, or it only happens when I am developing, then it will be ok when published to Microsoft AppSource?

Misconfigured App on Facebook but no errors?

I am trying to set up a tab with a link to a contact form from my site on Facebook.
I developed the 'app' through the developers site and have set up the page tab.
I've saved the app and it saves it fine (displaying a message saying changes were saved but it might take some time to propagate across all servers.)
Well I waited an hour and I still can't add the tab to my page. I tried locating the app page directly using the namespace, but I get an error message saying:
"[My App] cannot be displayed because the app is misconfigured."
I don't know how it is misconfigured? There are no errors when saving, so I don't know what the issue is or how to go about fixing it. There are no problems with the app that I can see... how am I supposed to know what's wrong with it?
All it is is a page tab. I've put the link to the page tab in, I don't have a secure page (https) so I have left this box blank but I don't know what to do now.
Any ideas how I can find out in what way it is 'misconfigured'?
This error usually occurs when you try to view the App Center page for the app when the app doesn't have the 'App Details' tab settings populated.
So instead of:
https://www.facebook.com/appcenter/APP_NAMESPACE
Make sure you are loading:
https://apps.facebook.com/APP_NAMESPACE
That page will display hints (if you are admin or developer of the app) on what you are missing.
And, adding to the answer already given by #Donn Lee, which pointed to the right way, you must also ADD A PLATFORM in settings, in https://developers.facebook.com/apps/APP-ID/settings/

After authentication of facebook login/pwd, I get a dialog box says "install/cancel" instead of "allow/don't allow" App permission.?

After following as per Facebook-sdk instructions for android app i get the dialog box saying install/cancel instead of allow/don't allow . I tried changing App id and used other user's credentials for logging too. But still i get an error:
Update:i tried changing an app setting develope.facebook.com->Application->Advanced->disabled enhanced auth dialog. still no resolution.Any help?
The text changes for various reasons; whether it's the first time the user is using that app or not for example - this is expected, there's about 5 or 6 possible button text combinations - i think install/cancel is the one seen for new installations

Facebook enhanced Auth Dialog Button Types

Using the Facebook enhanced auth dialog, the dialog itself shows a blue button to confirm the app at the user side. The text of this button could be:
Add to Facebook
Log in with Facebook
Go to App
Play Game
Is there any way to choose the displayed? For example I would like to use Log in with, but I always get Go to App.
Yes, you have to configure your application correctly per the blog article you got that info from ;)
http://developers.facebook.com/blog/post/2012/03/02/enhanced-auth-dialog-and-updates-to-permissions/
New button text
In the enhanced auth dialog, the button text will be one of four
cases: "Add to Facebook", "Log in with Facebook", “Go to App”, or
"Play Game". Each of these were extensively tested and showed that
more specific calls to action help users better understand the auth
process. As the first point of contact for an app, it’s important for
the auth dialog to exhibit a great user experience.
See our Open Graph documentation to learn more about permissions and
configuring the enhanced auth dialog.
And most importantly a quote from Lu's, the blog author, response to that same question from Sven Gali (oh svengali!):
the four cases are context-sensitive and currently, there is no
control for you to pick a particular button text. We show different
button text in different situations, as we've found that users are
more likely to install your application if the call-to-action text
aligns with their expectations. Thus, the logic currently is something
like*:
if the user has already installed the app and you are requesting additional permissions that includes "publish_actions", we use "Add to
Facebook"
if you're a game app, we use "Play Game"
if your auth dialog is shown in display=popup (e.g. after user clicks a "Log In with Facebook" fb:login button), we use "Log In with
Facebook"
in other situations, we use "Go to App"
*Obligatory Disclaimer: We may adjust the logic tree in the future without notice, as we're constantly testing variations to improve the
user-auth experience. But hopefully this is helpful so you can at
least understand how it is currently functioning under the hood :)
Note that Facebook appear to be adding more variants to this set of 4 now. I've noticed that newspaper apps generally have the text 'Read this article' as the button text.

Facebook "Add to My Page" not there

I've made some facebook pages before, but I'm running in to a problem that I haven't had before. Usually, when someone asks me to dev a facebook page for them, it's linked to an account and all I have to do is add the developer app, make a few apps for the links on the side bar, then navigate to the apps I created and click 'add to my page'.
For some reason, this person today gave me their log-in and their account isn't really 'real' so-to-speak. I'm navigated to the page they created upon log-in and there is nothing else loaded, not even a search bar. I was able to add the developer app by navigating to Edit Info (search bar popped up). However I am unable to add any apps to this account. The 'Add to My Page' does not show up on any app pages I navigate to. Is this because the account doesn't really exist? There is a "Create Your Profile" link up near the Settings/Logout buttons.
Am I thinking about this wrong? Is there another way for me to add apps/sidebar tabs with an account like this?
I was thinking of telling the person to register the account fully since "If you create a profile for your business, your account may be disabled for violating our Terms of Use."
Let me know if any of you have any insight.
Thanks!
facebook changes as usual
try my "fix" # http://admine.eu/addapp.html
here is part of the source and actually all you need:
window.open(
"http://www.facebook.com/dialog/pagetab?app_id=" +
document.getElementById("appid").value +
"&next=" +
document.getElementById("appurl").value,
"PageTab","width=1000,height=300"
)
+document.getElementById("appid") is the id of your app
+document.getElementById("appurl") is the canvas or tab URL of your app
I run into this too. Sometimes as when a client adds me as an admin I have to like the app I made on its profile page then switch to page mode and go to edit the page>apps and it shows up in my list of apps.
If you have already added it once it may already be in that list as well but doesn't show up in the left navigation until you add it as a tab in the app settings while in Page mode.
I find that if there are more than 8 tabs in the navigation already FB won't automatically add it to the left nav.
-Ann
I've put together a javascript snippet that is intended to be used as a bookmarklet. If you use the bookmarklet while on an application's page in the developers section, a new window will automatically open with the add to page-dialog. To use it, just copy the minified code from the repository below and create a new bookmark for "javascript:[the code]" (without the quotation marks).
https://github.com/Wehrzie/Add-Facebook-Application-to-Page-Bookmarklet
Hopefully this will help some until Facebook cleans up their current, quite messy, solution.
Simple to use:
http://www.facebook.com/dialog/pagetab?app_id=APP_ID&next=http://www.facebook.com
More info about what's going on:
https://developers.facebook.com/blog/post/2012/02/01/how-to--migrate-your-app-profile-page/