Facebook No Like ButtonRecently I was adding the Facebook “like” button to a client’s website and was having issues getting it to show up in various browsers.  I did some digging and it turns out there are a number of reasons why this could be happening. Some of the search queries I tried looking up were:

  • Facebook like button not working in chrome
  • Facebook like button not working in Safari
  • Facebook like button working in Firefox but not Chrome or Safari

If you want to add a Facebook “like” button to your website you can get one here: https://developers.facebook.com/docs/plugins/like-button

So for the life of me I could not figure out why my Facebook like button wasn’t showing up in other browsers.  The source code showed it but it was invisible in the actual browser.

The Solution

After tons of searching I finally found the problem.  In the settings for my Facebook page I had told it to only display my page to audiences in the United States.  This meant that if the user was not logged into Facebook through their browser the like button would not show up.  Sure enough, I was not logged into Facebook in Chrome, Safari or Explorer.

To fix this you need to change your display settings.  Go to your page and click on “Edit Page” then “Edit Settings”.  Make sure that both Country Restrictions and Age Restrictions are both set to “Page is visible to Everyone” and “Page is shown to Everyone”.

settings-highlighted

actual-settings

Now your Facebook like button should show up on your website in all browsers.

This Post Has 14 Comments

  1. Frank

    Chris,
    I have spent nearly an entire afternoon researching why Fb Like showed in chrome but no other browsers. I wish to hell I found your post earlier.
    Darn buddy I owe you a beer – or two or three, your call. I can not thank you enough.

  2. Henry

    We’ve been banging our head against the wall with this one. Thanks for the fix!

  3. Sherwin

    This still does not work for me. Any other solution?

  4. Wout

    Couple of years later… stumbled upon this while searching for something related. In my case the reason the Facebook like button did appear in one browser but not in another was because I had set one of my browsers to block tracking. With tracking blocked, the Like button is hidden (the Facebook iframe shows up in the source code but stays empty).

  5. Hox

    I don’t understand what the matter with page setting is? since this like button can be place on any normal web page which has no link to facebook page. Can you explain please?
    I have same issue: put the button like on a webpage, most of the time it’s not shown

    1. risto

      I have exactly the same issue.it sometimes become visible, sometimes not. when not visible but doing hard refresh (ctrl+F5) it becomes visible, next time it is gone again.

  6. Pierre

    Good thing it didn’t took forever to evaluate this issue, thought i’d share as well.
    In my case, i’m using Brave Browser which had the shield mode on (like ad & tracking blocker extensions).
    So if you are using ad blocker or similar, watch out, Facebook wants to track you, even with a simple like button.
    Make sure:
    – cache is clear
    – no ad/track-blockers
    – no restrictions on the fb page itself.

  7. ROY

    The “Like” button isn’t appearing underneath the cover photo on pages. I can “Follow” pages but can’t “Like” them. If I click on the three dots, that drop-down menu has the option to “Like As Your Page,” but that’s only pages I manage and not my personal profile.

  8. Nico

    Hi. I really like your social sharing buttons. Can I ask what plugin or code are you using? I would like to add them to my website too. Thank you. Nico

  9. William Clive Quiah

    It’s not showing still now. we send mail to fb but didn’t get any feedback. My page has no any like button.

  10. Rishi

    when I shared my Facebook page link on the other page unfortunately display follow button not like button.

Leave a Reply

Get in Touch

Please fill out the form below and we will get back to you ASAP

  • This field is for validation purposes and should be left unchanged.