TweetBacks Beta V.2

Posted on Jan 8th, 2009 |  27 comments so far.

If you're new here, you may want to subscribe to my RSS feed or follow me on Twitter.

Contact me to talk about how I can help with your social & viral marketing. Thanks!

Since launching my implementation of TweetBacks a few days ago, the response has been much larger than I expected (in fact Twitter CEO Evan Williams remarked that he had just drawn TweetBacks on the Twitter whiteboard a few weeks ago), and the guys at MediaTemple have been great in working with me to help scale the server to meet the demand.

Remember that this is still beta, and the first time you view a page that has TweetBacks installed on it, the script will take a moment to load, subsequent views of the page will be fast. If you’ve installed TweetBacks on your blog, please leave your URL in a comment. I’d love to see how it looks out in the wild.

To install, just copy and paste this JavaScript into your template/theme where you want your TweetBacks to appear:

<script src="http://danzarrella.com/tb.js?stats=true"></script>

I’ve just released a TweetBacks WordPress Plugin.

I’ve been listening to what people have said about TweetBacks and have implemented a few new features in response to the great feedback I’ve gotten.

First up are the 6 new configuration options I’ve added, allowing users to customize how TweetBacks are displayed on their blogs.

New Configuration Options:

  1. Option to display only the number of TweetBacks (countonly=true)
  2. Option to limit the max number of TweetBacks shown (max=10)
  3. Option to hide user avatars (noavatars=true)
  4. Ability to hide TweetBacks from certain users (blockedusers=user1+user2)
  5. Switch to turn off all styling other than avatar (nostyle=true)
  6. Switch to turn off the title (notitle=true)

You can use these configuration options by including them in the URL you use to call my TweetBacks javascript in your template like this (they can go in any order and you block as many users as you want):

<script src="http://danzarrella.com/tb.js?noavatars=true&countonly=true&max=10&blockedusers=user1+user2&nostyle=true&notitle=true&stats=true"></script>

TweetStats (statistics about TweetBacks of your content).

Additionally, I began building a system to report stats on TweetBacks. The first feature is a list of the most Tweeted posts on your site (you can see it in action in my side bar under “Most Tweeted”), it works like this:

<script src="http://danzarrella.com/tsjs.php?max=5"></script>

Just copy and paste that code into the sidebar of your template. You can change the styling of the list is displays via CSS:

div#mostTweeted {
font-size:12px;
}

In order to take advantage of this, you have to turn on the “stats” feature in TweetBacks by appending stats=true to your TweetBack script as seen above. By default the sidebar script will use the contents of the page’s <title> tag as the link text, but you can customize this by proving the TweetBack script with a title parameter. Wordpress users can easily use code like this:

<script src="http://danzarrella.com/tb.js?noavatars=true&countonly=true&max=10&blockedusers=user1+user2&stats=true&title=<?php urlencode(the_title()); ?>"></script>

This script has one option so far: the maximum number of posts to show. By default it will show 5.

I also added and changed a few things users had requested, as well as fixed a couple of bugs that had been affecting some sites:

Changes & Additions:

  • Removed the link to the specific tweet’s URL
  • Added the date the tweet was posted on
  • Added support for tr.im

Bug Fixes:

  • Total TweetBacks number matches actual number of tweets
  • is.gd and bit.ly support is now functional

Future plans include integration with my ReTweet mapping system. Over 70% of all ReTweets contain a link, meaning the majority of them are actually TweetBacks. By using my TweetBacks script, you’ll be able to track (and map) the spread of your content through Twitter through normal TweetBacks as well as ReTweets.

27 Responses to “TweetBacks Beta V.2”

  1. Bridget Says:

    Dan, great additions to your Tweetbacks, especially the Most Tweeted. I am still not showing the bit.ly tweets and I am having a few issues with the Most Tweeted, it’s not showing up in my sidebar yet. Probably some error on my part. I can’t wait to get it all up and running.

    Great tool, thanks!

  2. Dan Zarrella Says:

    @bridget I didn’t see the most tweeted code in your sidebar, where should i be looking?

  3. Jeff Rainey Says:

    Thanks for the nostyle addition! I am updating my post now.

  4. Jeremy HIlton Says:

    Peeps.

    I’ve written a downloadable version of Dan’s brilliant idea, called TweetBackRedux that works on PHP enabled servers.

    http://assets.mindcomet.net/jeremyhilton/

    Please note a few things about this version.

    * It caches URL shortener api calls for efficiency
    * There is only support for TinyURL, Bit.ly, and is.gd.
    * The Twitter search API is not case sensitive. URL shorteners are. This version removes invalid tweetbacks that makes their way into results due to this difference.

    Installation instructions are contained with the source as well as my Twitter handle. Hit me up with any questions, I’ll do my best to answer, but can’t guarantee that I will.

  5. tim from Radio Clash Says:

    Suggestion - make the avatars and name linkable to their Twitter account? Is that possible (I would assume so?)

    I tended to click on them thinking ‘ooh I want to see more’ and was disappointed.

  6. Andy Brudtkuhl Says:

    How soon until you write an *official* WP Plugin ? :)

  7. tim from Radio Clash Says:

    Very soon it seems! Thanks!

    It has the same problem as Brian’s though - namely look at:

    http://www.mutantpop.net/radioclash/ (someone has tweeted my homepage URL, perfectly normal behaviour - but look! Multiple tweetbacks on every post…)

    Great way to spam people’s pages no? LOL. Can we switch it ‘off’ on the homepage then?

  8. Talia Says:

    Hi, I’ve installed it on my blog: http://taliacarbis.com, not sure if it looks how it’s meant to?!?!?! But I’m sure this’ll be cool anyway. :-)

    Also really want that ‘tweet this’ button you have at the bottom of posts…

    Thanks for the plug-in!

  9. Chris Charabaruk Says:

    Would it be possible to get the date for tweets wrapped in span tags? That way I can style them differently from the tweet bodies (for example, make them even smaller, or italicize them, etc).

    Anyway, I’m now working on a Drupal module for this.

  10. Chris Charabaruk Says:

    The Tweetbacks module for Drupal is now live on my website, and available for download by other Drupal users at http://coldacid.net/blog/2009/01/08/tweetbacks-let-twitter-host-your-blogs-comments

  11. Kate Foy Says:

    Now all I have to do is wait for lots of Tweets on my blogposts! Cheers. Nice idea.

  12. Ben Saren Says:

    Dan, great work, this is pretty awesome. One thing though, it does seem to slow down my page load time pretty substantially. Have you heard this at all?

  13. Yeraze Says:

    To save you bandwidth, (and user’s pageload times) can we make a local copy of the tb.js file?

  14. Fubiz Says:

    Congrats for your work.

  15. Ignace Rodríguez / @micronauta Says:

    Working perfectly on my blogger-based blog. Got me thinking, if Tweetbacks can find and thread related tweets and if it can add a form, it can replace other comment systems quite nicely. Since comments are Facebook Connect and Google Friend Connect’s killer app, it could have very interesting implications for the online identity race. Twitter could become the new OpenID.

  16. Nancy Sutherland Says:

    I’m not sure what I did wrong but I can’t see the widgets even thought I downloaded and activated it?

  17. John (Human3rror) Says:

    this doesn’t work with intensedebate, does it?

  18. ssmilin Says:

    tweetbacks works great, looks good and lotsa fun keep ssmilin

  19. Debra Hamel Says:

    Well, I’ve been working on adding this to my blog at http://www.the-deblog.com — which is on TypePad. I have a few questions:

    1. Does the date have its own style, so that we could change its color with CSS? Likewise, does the avatar have a style so we can change its right margin?

    2. I put the stats on my left sidebar. But while my two test tweetbacks show up, two also show up for a post that doesn’t have any tweetbacks. So, I’m not sure what’s happening there.

  20. Debra Hamel Says:

    Oh, and one other question: after the date and time it has +0000. Is there some way to get rid of that?

    Thanks!

  21. Chris Charabaruk Says:

    Debra: Checking the HTML generated on coldacid.net, it appears that the date isn’t wrapped in a or anything, so styling may be out of the question. This is with default styling on. Using nostyle=true might wrap the date/time in a but I might be wrong about that.

  22. Debra Hamel Says:

    Thanks, Chris. I see that Dan’s got the date in green above, but he’s probably using his widget rather than the simple script I’m using.

  23. James Says:

    Thanks! I just installed tweetBacks on my blog and I love it. I was looking for a way to easily integrate my blog with twitter and you gave it to me :)

  24. Ryan Pilling Says:

    I’m here to celebrate “Thank A Plugin Developer Day”, as decreed by Wordpress. Thank you, Dan!

  25. Nicolas Hoizey Says:

    It would be nice to be able to give it the name of a div where it could put the result, so that we can load it at the end of the page source.

  26. Annelies Says:

    Thanks for nice piece of scriptwork :D Works fine for me.
    I just would love, instead of “no tweetbacks yet”, a possibility to Tweet the URL, just with a text link, no button, because it doesn’t fit my design ;) (”Be the first to Tweet this blogpost! http://sometinyurl.com” pointing to twitter.com/status=just read this blogpost:))

  27. Annelies Says:

    Hm, I forgot: some people use TwitThis(.com) to Tweet a URL, can you implement those URL’s as well?

Leave a Reply