I have created my first IFrame App in facebook (custom tab), and all the IFrame is directing to is a simple PHP page, with HTML tags stating Hello World...
However, this is showing up in Firefox and Chrome, but not in Internet Explorer - and I cannot figure out why; even tried googling it to no avail.
Please help me! I cannot move forward without solving this issue!!
did you already fixed this? I figured out that the Internet Explorer has a differend handling for parameters. I faced the same issue: my cutom tab (iframe) was working perfectly on Firefox, Opera, Chrome, but never shown IN IE7+8.
Later I realized that I added a questionmark to the URL, but w/o any parameter, like this:
http://www.mydomain.com/mypage.html?
Solution: If you just only want to embedd an html page, you don't need to do this any longer. Just create your Facebook app, go to "Facebook Integration", scroll down to "Page Tabs", add a "Tab Name" and the "Tab URL". Don't add a "?" to the Tab URL.
Once I removed the "?" the custom iframe tab is shown in Internet Explorer 7 and 8.
Related
I've been using the Facebook Plugin for years, on dozens of websites, but all of a sudden, I can only see the page's facebook header, the actual feed appears only as a spinning icon. This is on my desktop and mobile device, feed is at the bottom of the page. https://saltydogfestival.com
screenshot_mobile
However, my co-worker in the desk across from me tried it on his desktop and laptop and the feed loads just fine.
I'm not a page admin for this particular feed.
I have this plugin for other facebook pages, for which I AM an Admin, and those don't show up for me, either. I've tried using Chrome and Edge.
I'm knocking my head against the wall with this.... or maybe it's something so simple that I'm not seeing it... Suggestions??? Please save what's left of my sanity!
I think this issue has affected many sites including mine. I used a third party plugin recently that's said to no affect page speed. It's called "Buttonizer - Smart Floating Action Button" you can add a FB messenger button also and add call to action and any they button as well. I have disabled the Facebook chat one for now. If you can update me if it's now work for you that would be great as I'm in the same boat. Email mtgusto#outlook.com
Edited - bug seems resolved
This is what worked for me:
Go to Facebook Developers - Page Plugin and configure the 'widget' with desired params.
As you change the parameters the preview should update & show. If it doesn't, try signing out.
Click "Get Code" beneath the preview. I used the JavaScript SDK method.
Copy & paste the first piece of code after the < body > tag.
Copy & paste the second piece of code where the box should appear.
Previous answer - leaving here for posterity / reference
It seems to be an issue with Facebook that occurs when the visitor is signed in to Facebook. Try viewing the page in a private window or reload after you have signed out of Facebook to see if it loads when you are not signed in.
There's more information on a Facebook Developers bug report, which was just marked as closed 8/26, although it still appears to be happening: https://developers.facebook.com/support/bugs/584988619248795/
This other community thread has a work-around - look for Dave's comment: https://developers.facebook.com/community/threads/1018223139108570/
I'm working on this site for a client http://mohamadelbialy.com/translate, the facebook page url is https://www.facebook.com/translateinegypt my OS is windows 8.1, IE version = 11.0.9600.16521, chrome version = 34.0.1788.0, firefox version = 28.0.
I used the https://developers.facebook.com/docs/plugins/like-box-for-pages to generate an Iframe like box and added the code through a WordPress text widget to show it on pages sidebar (intentionally doesn't show on homepage), if you click on any of the pages, there should be Fb like box on sidebar, however it shows only in IE and I get an empty space on both chrome and firefox.
Interestingly enough, I've done another site for a client two years ago and added fb like box with the same approach and it used to show just fine, now it gives the same results.
I've tried a couple of plugins like (simple fb plugin - official facebook plugin - and about 3 more) and tried adding the html5 and JDK code instead of Iframe but ended up with the same result.
It looks to me that something is going wrong with the fb-WordPress integration.
please let me know if you've any solution to this, I can't deliver the website to the client like this. any help will be appreciated.. thanks.
I've created this facebook tab, and for some reason it will not work in IE once implemented into facebook. It DOES work on the website url where it is placed. The url is: https://www.enterprisebanking.com/assets/fb-products/
The tab works great in every browser except for IE. In IE, the entire middle section is missing and the tabs are unable to be clicked on.
Here's a screenshot of how the tab looks in IE: http://grab.by/s9Qu
Any advice is appreciated.
Dan
You have a console.log in https://www.enterprisebanking.com/assets/fb-products/js/tabs.js this will cause it to break in IE.
I've been creating a new application to show a new page tab on our business page.
I followed all the steps, I set up the proper URL (iframe) for the page tab. I pushed it to my business page. Everyting seems fine but, no content is shown on the page when I click on the tab. I double-checked the url I set up, and it works fine.
What did I do wrong? I followed that guide
http://www.facebook.com/FBML.Codes1?sk=app_217481834936914
But the steps are pretty simple in the end.
Do I miss anything?
I made it work.
I realised that I set up http instead of https on my app settings and since my facebook was
Last week we were able to install an FBML application to a Fan Page Tab. Now the Tab will not show up. See screenshot here: http://bugs.developers.facebook.net/attachment.cgi?id=3075
FBML application: http://apps.facebook.com/alice-storefront/
Fan Page Test: http://www.facebook.com/pages/manage/#!/pages/Alice-Sandbox/150177181689663
The FBML application is installed but will not show up on the tab.
We have tried adding other applications to this page with no tabs being created. We have also tried creating new pages and adding the above application to the page with no luck.
I think we may be stuck in purgatory given the developer roadmap outlining that FBML applications will be deprecated "soon" but the switch to iframes for Fan Page tabs is murky (no documentation). See here:
"We will begin supporting IFrames for Page tabs in the next few months. Developers building canvas applications should start using IFrames immediately. By the end of this year, we will no longer allow new FBML applications to be created, so all new canvas applications and Page tabs will have to be based on IFrames and our JavaScript SDK. We will, however, continue to support existing implementations of the older authentication mechanism as well as FBML on Page tabs and applications." - http://developers.facebook.com/blog/post/402
How can we fix this problem?
FBML Tabs are still supported. Are you sure your FBML is working? When I go your FBML app the page is blank. I am wondering if there is just an error in your application that is causing this. Without code or more details I can't tell you any more about why your particular tab isn't working, but I can tell you that FBML tabs still can be created.
I figured out the problem.
This issue is a bug in Facebook. Which as of 10/25/2010 still exists.
It is outlined in their forum: http://forum.developers.facebook.net/viewtopic.php?pid=238976#p238976
Essentially, with the Application Edit setiings the Canvas URL has 2 parts: 1. the default url and 2. an empty textbox below it. That textbox CANNOT BE EMPTY. Once I put a "?" in that textbox, which is the leader of the params string, the tab was finally displayed.
Detailed instructions as per the URL above:
1) Go to your APP Settings;
2) Go to the "Profile" "tab";
3) At "Tab URL" fill with:"?" (without quotes);
4) Save your APP;
5) Go to your "Fan Page Settings";
6) Remove your APP;
7) Go back to your "APP Profile";
8) Click "Add to my Page";
9) Chose you page and click the "Add to Page" button;
10) Go to your "Fan Page" and now it will be avaliable on de "+" button on tab bar.