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.
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/
The Facebook Like box for my webpage does not show with Google Chrome, but shows with IE (not sure about others like firefox). I am using the IFrame code supplied by Facebook. I've tried adding http:// to the Facebook iFrame code... I checked my FB settings (age is 13+, no geographic restrictions) I have read on here that others have had a similar problem, but no answer. I also have the same problem with my other websites that have the like box embedded. Is this a Facebook or Google error? Or did I miss something? Thanks!
http://birdofthehand.com/BotHF_News.htm
(the like box should be under the text that reads "the farm stand is closed")
I've found out that it was my recent update of Avast virus scanner that caused the problem. I said yes to installation of an online scanner.
I checked Google Chromes extension, deleted this extension, and now the like box is loading again.
Erling
Denmark
For me it was the DISCONNECT Chrome extension that was causing the problem.
So anyway, usually it's an extension causing this issue!
Basically i'd like to put a like button on the website so that fans of the site can like the websites Facebook page.
The Like button page doesn't give me the code when i click the button, just says "Only verified developers can be added as listed developers of this application. Read www.facebook.com/help/?faq=17580 for details." Is this a common error, or?
EDIT: Using Like box now, but would prefer Like button.
And the like box page gives me the iframe and XFBML codes. Sorry for being a n00b, but how do i add either one onto my site? I've tried Insert > Script and pasted it in there, using all four script types (Javascript, JS 1.1, JS 1.2 and VBScript but they don't show in the preview. Placed the code under the 'back to top' button at the bottom of the page. Not showing up when i look at code view of the online version though?
Hopefully its something really easy and obvious, but any help would be great.
Again, site is designed/updated with Dreamweaver MX 6.0.
I dont have that much experience with Dreamweaver - but implementing the facebook social plugins (eg. Like button) is very simple. All you have to do is copy and paste the XFMBL you generate from this link. Once you paste your URL into the "URL to Like" field and click "get code" you should get the correct code to use...
You place this code wherever you want it to appear - if you want the like button to be in the footer just paste it there...
The code snippet actually loads the facebook javascript sdk and places your like button inside an iframe on your page...
You can not place the like button code inside a different element - if that were possible people could trick you into liking their page by writing some different label on the button - eg. "Back to top" :)
This should be relatively simple to implement. If you are still having dificulties - why not try opening a new HTML file containing only the required HTML tags and the like button code...
Hope this helps!
Good luck!
The error appears because, just like it says in the message, you are not a verified developer.
In order to be a verified Facebook developer, you need a verified Facebook account, with a credit card or a phone number verification.
I'd suggest you verify your account as soon as you can if you plan to use more of Facebook's plugins and apps, since it will give you full access to their developer tools
Since 2 weeks ago it worked, and still works for old urls. but now for every new post the like button remain at zero, and if i press the button it blinks 1 but go back to zero immediately.
My site: http://arielmartini.com/
An old url that (still) works: http://arielmartini.com/2011-06-30-bixiga70
A new url that no longer works: http://arielmartini.com/2011-07-02-romulo
Even if I put the url here it doesn't work (try with the 2 url above - "URL to Like" field).
It appears that you're using both the old Facebook "Share" and the newer Facebook "Like" buttons. However Facebook Share (via static.ak.fbcdn.net/connect.php/js/ is the old SDK and is being deprecated).
You'll just want to use the new SDK (which you are correctly including) at http://connect.facebook.net/en_US/all.js.
I believe removing the conflicting "share" button will solve your problem.
Looking at the url you posted, there is a javascript console error (see image) which is causing the javascript code from continuing execution.
To fix it, remove this line of code from your wordpress site, or disable the plugin that is adding this line:
<script type='text/javascript' src='http://arielmartini.com/wp-content/plugins/fbconnect/fbconnect.js?pluginver=99&ver=3.1.4'></script>
You can't load both the deprecated fbconnect.js file as well as the new Facebook javascript sdk .js file that you load on line 435. If anything is relying on the old deprecated library, I would suggest upgrade as soon as possible because Facebook is killing deprecated functionality all the time.
The problem was that i didn't had open graph tags on my page. Using this plugin fixed it. You can also analyse the page using this link.
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.