Twitter Follow Button Doesn't Render In Google Chrome

I have used the twitter button resources to generate code for a follow button, which I added to the required page of a website I am working on. The code is:

You can separate the script tag into the head if you like, if you have multiple different kinds of the twitter button you'll only need the script once.

<a href="https://twitter.com/daniduffymakeup" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @daniduffymakeup</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Also disable any plugins, particularly Disconnect as these often block dynamic social network plugins which contain tracking features.

Solution 2:

If you use AVG you will also need to un-check the block ads and trackers extension

Solution 3:

I ran into a problem similar to this. My issue turned out to be that the Follow button was being displayed underneath its container div only in chrome. The solution was to add

position: relative;

to the Follow button's iframe.