Help Your Content Spread On Twitter With Easy Retweet Button (+WordPress Installation Steps)

John Resig is sharing very functional script named Easy Retweet Button that will simplify "the sharing of your content on Twitter".

It is an unobtrusive JavaScript file for displaying a retweet link with a shortened URL via Bit.ly (similar to Tweetmeme) & number of clicks came to that content from Twitter.

Easy Retweet Button

Easy Retweet Button has 2 ready-to-go styles: vertical & horizontal. And it can be easily themed as only HTML, CSS & JavaScript is used.

It is possible to customize the "Retweet" text, prefix of the tweets (like RT @..) & Bit.ly username / API key to be used.

It offers various advantages like:

  • speed: it works completely asynchronously
  • tracking: all the tracking is done via Bit.ly & clicks from retweets can be tracked from a single interface

Steps For Using It With WordPress:

This is nothing complicated but can save your time:

  • Create a "js" folder in your active theme & upload Retweet.js into this folder
  • Include the Retweet.js to your theme. There are 2 options:
    • You may want to use retweet links only inside your post details (single.php) page. So, it is a better decision to include Retweet.js only into single.php to prevent unnecessary loading. In your template’s folder>header.php>between your head tags:
      <?php
      if ( is_single()) {
      ?>
          <script src="<?php bloginfo('stylesheet_directory'); ?>/js/retweet.js"></script>
      <?php
      }
      ?>
    • If you will use it site-wide (your homepage, post details, etc..) simple include the JS file to your template’s folder>header.php>between your head tags:
      <script src="<?php bloginfo('stylesheet_directory'); ?>/js/retweet.js"></script>
  • For using it inside post details (single.php), insert the code below to any part of your template’s single.php file:
    <a class="retweet" href="<?php echo get_permalink(); ?>" rel="nofollow"><?php the_title(); ?></a> . Besides the original examples of Easy Retweet Button, rel=nofollow info is added considering the link has no value to search engines.
  • And, you may want to get a free account from Bit.ly & update the username & API key info inside Retweet.js to reach your stats from a single interface.

P.S. A demo of the script can be found below the title of every post at WebResourcesDepot.

  • Thanks for the tip!

    I’m just designing a site for a magazine (mountain guide), and this comes in very handy 🙂

  • I like the retweet button. How does this influence link value or pagerank?

  • Def.
    Nice tip

    Thanks

  • Kevin

    Note: This plugin only counts the number of people that came from Twitter and not the number of times people actually retweeted the post. It confused me at first and I’m sure others as well. It would be nice if someone created a plugin which could do the latter. I know there is Tweetmeme but you can’t customize anything so it sucks.

Search