How To Set Up The New Twitter "Tweet This" Button on Wordpress

Keep up with the very latest developments in the digital marketing world

By Dave Ashworth
on 13/8/10

The new official Tweet This button has been launched, though setting up wasn’t as straightforward as we thought it would be and there are still one or two issues for us.

Most people, I expect, will go here for the easiest way to get the code:

Here, you can select:

  • Layout
  • Tweet Text (either the page title or something you decide on)
  • URL to tweet (the page the URL is on, or one of your choice)
  • Language
  • Recommend people to follow

And once you have done this, you are presented with the code you should implement on your web page – however, this is static code that won’t work correctly if you place it within the Wordpress blog post layout.

For example, the code for taking the page title and URL you are on looks like:

<a href="" class="twitter-share-button" data-count="horizontal" data-via="returnondigital">Tweet</a><script type="text/javascript" src=""></script>

We found that placing this within each blog post in the index.php file means that when you visit, for example:

The Tweet now button within each post will actually tweet the above URL and page title “Digital Marketing Blog”.

Instead, the following iframe code can be used to get the permalink and correct page title:

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="<?php echo urlencode(get_permalink($post->ID)); ?>&via=returnondigital&text=<?php the_title(); ?>&count=horizontal" style="width:110px;height:20px;"></iframe>

The only issue that remains, which was also apparent with Tweetmeme, is that it doesn’t archive too far back when viewing details of who has tweeted the page.  For example, it tells us that 5 people Tweeted our recent blog post:

21-07-10: Google Looking Pretty In Pink

But when we click for more details, there are none:

Other than that, it’s good to go.