Follow button only showing text

widgetsjs
mootools

#1

Hi,

I have a Twitter Follow button implemented on my website. The code for this I generated using the Button Generator (https://about.twitter.com/resources/buttons#follow). But after implementing the code, I’m only seeing the plain text Follow @username.

The widgets.js is loading normally and I don’t think the script is conflicting with other JS on the website. The script is copied 1 on 1 so don’t think that’s the problem either.

This is the code I implemented:

<a href="https://twitter.com/DijkenSport" class="twitter-follow-button" data-show-count="false">Follow @DijkenSport</a><script>!function(d,s,id)\{var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id))\{js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','twitter-wjs');</script>

Update: I think only 15 minutes later I got an e-mail from another customer telling me that his Twitter Share button is not showing anymore while it used to work earlier. Is there anything broken @ Twitter?

I hope someone has the solution!

thanks,

Allan


#2

Is this in a specific browser? Can you share any more details of your environment / a link to the pages where this problem is manifested?


#3

I have tested above in Google Chrome (v 44.0.2403.155 (64-bit)) and Safari (v 8.0.6) both running on Mac OS X Yosemite v 10.10.3.

The mentioned website is http://www.dijkensport.nl/nl/ (dutch)

Thanks in advance!

Allan


#4

DijkenSport.nl uses MooTools 1.3.2 compiled with the compatibility flag. The compatibility component of MooTools overrides interfaces used in modern browsers. Using a nocompat version of MooTools should maintain compatibility with modern browsers and Twitter’s widgets JavaScript.

Use a version of MooTools with the compat layer build option left unchecked.
http://mootools.net/core/builder

You could also use a hosted version on a CDN, swapping your current script src. Look for nocompat in the filename to indicate the hosted JavaScript was compiled without the compatibility flag enabled.


#5

Hi thanks for your help! We’ve upgraded to the new Mootools version and me some adjustments to the script and now it works, thanks!


#6