Facebook | Page Plugin iframe does not load when logged into Facebook - facebook

I have a problem with the Page Plugin iframe from Facebook.
I tried multiple browsers, facebook user accounts and pages and the behaviour seems to be always the same:
When the Facebook user is logged in, the timeline part of the frame will not load.
To reproduce it:
open https://developers.facebook.com/docs/plugins/page-plugin
if there are no facebook sessions open the plugin opens fine (in the preview pane of the setup page, opening the url in a browser window, or embeding the provided iframe code)
if there is a logged in user in facebook in the same browser session, the timeline will NOT load
note: there are some scripts errors, but they seem to appear on both scenarios
facebook setup page
standalone url

Related

Facebook log-in from Facebook's own WebView is not working (blank screen)

I need to create a PWA that is opened through the Facebook webview (when the user clicks a Facebook Ad on their phone). This app should have a button to enable the user to log-in with Facebook as easily as possible (ideally without having to type their FB email and password).
I was able to set-up the Facebook log-in system using the standard code from the documentation (works perfectly in Chrome desktop and mobile), however, in the Facebook WebView it doesn't work. When the user clicks on the FB login button, the screen just becomes blank. No errors displayed, not even user and password asked.
As far as I understood, Facebook discontinued the log-in from WebView feature (...but even their own?). Are there any turnarounds to enable the user to log-in with Facebook right after clicking on a Facebook Ad (that points toward a PWA page in a Facebook WebView)?
My project is in JavaScript.
Thanks!

Iframe on my website blocking Facebook login

I am integrating a facebook login on a website, when I click on the login button, everything works perfect.
The problem is that I have different iframe on the website and when I open a iframe, and then I click on the Facebook button, no longer performs the login and must click 2 times for the login is successful. The first time, sent me and I returned to facebook
mydomain.com/?code=AQBBUikowvG3plEzLmvOXUmentATkPf8n6TQzdVxNWOAZ5jD-&state=21c4e7aa#=
then I have to click again and the login is done successfully.
I'm using this library to connect with facebook github.com/appleboy/codeigniter-facebook-php-sdk-v4
Why I can not perform my login after opening an iframe?
Thanks #CBroe, you're right, I had a call to the API of facebook in the parent page and the iframe, the iframe to remove everything worked properly.

I have a Facebook app running in a Page Tab

https://apps.facebook.com/invite-sweup
I have a Facebook app running in a Page Tab (the tab of a Facebook Page for an organization). The Page Tab URL (and Secure Page Tab URL) points to a URL on my own server which holds a PHP page that contains an iframe of a Google Calendar.
The app works perfectly fine when I open the Page using the admin account (both http and https). But when I open the Page using the user account of someone who has 'Liked' the Page, the app does not appear at all (both http and https). Any suggestions? Thank you.

Facebook Application/page tab Login iframe issue

I have a Facebook app which requires users to log in using Facebook to post to the app, my issue is that if the user is new i.e. has not given permission to the app to use the log in they are led to a blank page when looking at the app in the page tab iframe.
So basically new user finds my fan page, click on the iframe tab to see the app, clicks log in using Facebook and the page that loads in the iframe tab is blank. Everything works fine when people find the site organically it only fails within the loaded iframe tab. Is there any way around this?

Connect With Facebook Question

i have a Connect With Facebook button for my main site. Then, I also create a smaller site for Facebook App and Facebook Page Tab (? I don't know what it's called), but the smaller site is created with Page Tab in mind ( width 520px ). All of them of course have a Connect With Facebook button.
My question is, how to check if the user connect with facebook from the main site or from a Facebook App or Page Tab? FYI, my smaller site is on a folder inside the mainsite, which I route with Virtual host, so the url for my mainsite is for example domain.com, and the smaller site fb.domain.com.
I've checked the Facebook App and Page Tab, and everything works perfectly as in the main site, the only thing that's strange is when people connect with facebook from Facebook App or Page Tab, they get redirected to fb.domain.com, because that's what I put in the Canvas URL of the Facebook App.
Of course, I can route the fb.domain.com to redirect to the Facebook App, but I don't want that, and even if I route it, the problem is still the same, how can I check if they Connect With FB from a Page Tab or from the FB App ?
I hope I'm being clear, as I'm new to this Connect With FB thing
https://developers.facebook.com/docs/guides/canvas/#tabs has a section which outlines how to do what you want.
When a user navigates to the Facebook Page, they will see your Page Tab added in the next available tab position. Broadly, a Page Tab is loaded in exactly the same way as a Canvas Page. When a user selects your Page Tab, you will received the signed_request parameter with one additional parameter, page. This parameter contains a JSON object with an id (the page id of the current page), admin (if the user is a admin of the page), and liked (if the user has liked the page). As with a Canvas Page, you will not receive all the user information accessible to your app in the signed_request until the user authorizes your app.
The section on signed requests will also be helpful in understanding how this works.