Recently 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.
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”.
Now your Facebook like button should show up on your website in all browsers.