WordPress.org

Ready to get started?Download WordPress

Forums

Facebook Like button not showing up in Firefox (8 posts)

  1. sbilheimer
    Member
    Posted 3 years ago #

    Suddenly, the Like button disappeared in Firefox, but shows up fine in IE. I'm using a plugin for individual posts and the dev code http://developers.facebook.com/docs/reference/plugins/like for the widget.

    It was working fine until today.

    Thanks,
    Susan

  2. jiayili
    Member
    Posted 3 years ago #

    I've got the same problem today. I can see the button on my machine on firefox, however, my colleague couldn't see it on his.

    Do you think they've changed it? As generally speaking it is a common bug that the like button disappear on IE.

    Anyway, please let me know if you got any hints. Thank you very much Susan.

    Thanks,

    Li

  3. arvindh
    Member
    Posted 3 years ago #

    Same problem here but I think I found out why. It started happening ever since Facebook changed their look for 'Pages'. Ever since I made the upgrade, Facebook Like buttons vanish on my site whenever I'm logged in. Not sure why. This does NOT happen when I'm logged into my regular profile, but it happens when I log into my 'Page'. It's a bug, and I'm not sure how to fix it. Any ideas / updates?

    Thanks in advance.

  4. sbilheimer
    Member
    Posted 3 years ago #

    Well, it's good to know I'm not imagining things. I agree about the Page issue. That is exactly what I have done - alternated between logging into my Page and my regular profile.

    Not sure what to do about this though.

    Thanks,
    Susan

  5. dirtycarrot
    Member
    Posted 3 years ago #

    Same thing started happening for me :(

    IE displays the button fine, in Firefox I get a javascript error though. I am not using the plugin or using the iframe method (just adding fb:like wherever necessary). Not sure where to go from here :S

    http://www.pirags.com

  6. dirtycarrot
    Member
    Posted 3 years ago #

    I managed to fix this by creating an App Id and adding the async functions to the body of my script. Perhaps Facebook has changed the requirements now?

    In any case, this may help:

    1. Create an app on Facebook, using your blog URL as the App URL : http://developers.facebook.com/setup/

    This should auto generate your app ID, and also generate some sample code.

    2. Add the facebook xml namespace that was generated to your opening html tag:

    xmlns:fb="http://www.facebook.com/2008/fbml"

    e.g.

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:fb="http://www.facebook.com/2008/fbml">

    3. Add the fb-root div and the script containing the window.fbAsyncInit javascript stuff somewhere inside the <BODY> tag of your blog, e.g:

    <div id="fb-root"></div>
        <script>
          window.fbAsyncInit = function() {
            FB.init({appId: 'USE_YOUR_APP_ID_HERE', status: true, cookie: true,
                     xfbml: true});
          };
          (function() {
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.src = document.location.protocol +
              '//connect.facebook.net/en_US/all.js';
            e.async = true;
            document.getElementById('fb-root').appendChild(e);
          }());
        </script>

    Everything started working for me after I did this.

  7. hcc000001
    Member
    Posted 2 years ago #

    Thank you very much!
    This is very useful but I need some clarification.

    "This should auto generate your app ID, and also generate some SAMPLE CODE.
    2. Add the facebook XML NAMESPACE namespace that was generated to your opening html tag: xmlns:fb="http://www.facebook.com/2008/fbml"

    After going to the Facebook developers page.
    I created an "App" and got an App ID / API key

    I'm not sure what to do next?
    Do I need to include the JavaScript SDK?
    https://developers.facebook.com/docs/reference/javascript/

    Thanks again for the post. At least now I have some understanding for why the button does not appear in Firefox.

  8. dirtycarrot
    Member
    Posted 2 years ago #

    The javascript SDK is included in the code above:

    (function() {
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.src = document.location.protocol +
              '//connect.facebook.net/en_US/all.js';
            e.async = true;
            document.getElementById('fb-root').appendChild(e);
          }());

Topic Closed

This topic has been closed to new replies.

About this Topic