Proper Facebook login for website - facebook

I want to allow people to log onto our website using their Facebook account. I noticed that when I click the login we added, the window opens displaying a detailed message and has a button which says Play Game.
On other sites I've seen a pretty simple window such as on CNet with a Cancel and Okay button on the bottom.
Did I setup something incorrectly on Facebook that is causing mine to be more complex?

Related

How does automatic login happen using FB

I wanted to understand, after clicking on Login with FB. How does FB determine the logged in accounts in device? In other words, I wanted to understand the "Continue as" screen come up.
I tried understanding the code flow in android fb sdk. But after "performLogin", couldnt understand how popup is displayed.

FB.feed dialog looks different depending on login

This question is related to the question linked below, but instead deals with the interactive console included with the Facebook SDK:
Facebook Post to wall FB.Feed issue in Unity Facebook SDK
I have two screenshots to show the issue I'm having. This first screenshot is the FB.Feed dialog I get the first time I allow the app permission to post to my wall. It also shows if I invoke the dialog and I've given NO permission for it to post.
This particular dialog has trouble displaying the app's icon. It also grays out the entire screen, and doesn't allow any click throughs to the Unity app running, which is ideal but is different than the behavior of the other dialog, which I'll show next.
Here is the second screenshot, taken after refreshing the application page. The background app is not grayed out, and in my application, you can click through to the app in the background and interact with it, right through the dialog box. Obviously, this is not ideal.
So my questions are, what's causing these dialogs to change, and how can I make the API show the one that I want?
The first one happens only when the person first allows your app. First time a person allows your app they will see the normal javascript dialogs. However, if they come back to your game, they will see the second dialog that occurs inside your game.
We prevent a normal click-through in our dialogs that should be enforced by Unity's Modal Window: https://docs.unity3d.com/Documentation/ScriptReference/GUI.ModalWindow.html
However, it looks like Unity has a bug on their end that might clicks through. I've messaged Unity and they are now aware of the issue. Thanks for reporting that.

Facebook edge.create doesn't fire if the like button has a confirm dialog

I'm trying to create a page that requires visitors to 'Like' a Facebook Page before showing all the content.
The page with the like button is hosted on herokuapp.com but the URL to like is a Facebook page (ie. the host URL and the 'Like' URL are different).
I've successfully included a like button and I have subscribed to the edge.create event, and everything was working fine (I could write to console.log or run custom javascript) when clicking on the Like button.
However in the course of testing I've clicked Like/Unlike so many times that my site has now been flagged as potential clickjacking and the Like button now changes to 'Confirm' and asks the user to go through the Confirm dialog process.
I understand that I just need to accumulate more 'white' Likes and this dialog will go away eventually, but in the meantime it's causing me problems.
Basically, when I go through the 'Confirm' process in Google Chrome or on my iPhone, the 'Confirm' link never changes to 'Liked', the number of likes doesn't change and the edge.create event doesn't fire.
Has anyone else encountered this behaviour? I've read just about every post on Stack Overflow relating to either the Confirm process and edge.create but no one seems to have had this particular problem. I'd really appreciate any suggestions :)
I was able to resolve this problem by moving my app to be hosted my own domain instead of heroku, even though I was liking the same page. Not an ideal solution for everyone but it worked for me. In future I will create dummy apps and pages to test this process out.

How can I create this Popup and check to see if user has Allowed App?

How would I create a popup on my website that shows up (that blocks the website's content) only if the user hasn't yet allowed my Facebook app? The popup should not come up if the user has already allowed the app, and the popup should have a button for users to allow the application and then go away when the user does allow the application.
For an example, see here.
Take a look at FB.getLoginStatus
That page pretty much explains it... If you get not_authorized then have a button to authorize your app.
If you get unknown have a button to log in to facebook then recheck
If you get connected show your page.

One Facebook app multiple users

I'm thinking of a facebook app that fetches a website's content (already developed with my own web builder) and display in a custom facebook fan page format. Clients already using the Web builder will only have to add the App to their fan page and they have their website's content already plugged into facebook.
The problem I'm having is knowing how exactly to automate this process. I can't seem to find the "Add app to page" menu when you click the Gear Icon, and the link below gives an approach I can't be explaining to every client (video further down in the link)
http://onlinewealthpartner.com/add-facebook-application-fan-page/
My head might swirling from everything I've read so far, but I'm just easing into the facebook app development. Help/insight would be much appreciated.
If I understand, your central problem is to make it as user-friendly as possible for your users to add your app to their fan pages?
Bottom line is they would need to visit the link mentioned in your tutorial:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL
However, since you're the one creating the Facebook Tab Application, then you would already have and could supply to your users the "app_id" and "next" parameters, so all they would need to do is click on the custom link you provide. You could even give them a button in your web builder. Your users would just click a button, go to this link, and pick their fan page in a drop down menu.