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/reference/plugins/like/

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 4 Comments

  1. 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. We’ve been banging our head against the wall with this one. Thanks for the fix!

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

  4. 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).

Leave a Reply

Close Menu

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.