How to Put a Cool, Interactive, Real-Time FriendFeed Widget on Your Website



I got this idea when I first saw Scoble’s website and his subsequent Building43 site where in each case the FriendFeed widget is much cooler than the one they give you at FriendFeed (even the Java one) in the sense that it behaves just like the site does, inline videos play within the widget, comments stream in real time to the widget and can be made inside the widget. With the generic widget they give you at FriendFeed, it is static. In other words you have to refresh the page to get the updated content, and when you click content, be it a comment or a video, it takes you away from your blog or page and to the FriendFeed page. No Fun. This is Fun. This is interactive and “breathes” “pulsates” which is one of the main themes we are hitting on for Web 2010. No matter what business you are in, you want a site that encourages people to not only be there but to interact with you. Basically it comes down to this: They’ve got the same stuff down the street. The customer has 4 or 5 choices. The business that is more FUN, the nicest, that Woos and Schmoozes is usually, all things being equal, going to get a greater share of the business. Is a more interactive, “cooler” FriendFeed widget woooing and schmoozing? Not really. But its better than thte static one. It shows that you are trying. And customers can sense that, and sense that you are “into” what you are doing, and will tend to gravitate towards you.

<iframe src=”http://friendfeed.com/stephenpickering/embed?css=http://stephenpickering.com/wp-content/themes/ocean-mist-2_0/friendfeed-styles.css%3fv=17″ frameborder=”0″ height=”1400″ width=”310″ style=”border:1px solid #aaa”></iframe>

Obviously change the credentials to your own (these are mine showing), and if you are a WordPress user don’t forget to add the specific CSS theme you are using so it will look right. And obviously the size to fit your sidebar or whatever.

2 thoughts on “How to Put a Cool, Interactive, Real-Time FriendFeed Widget on Your Website

  1. Stephen Pickering Post author

    Hey thanks Clay for the comment and the heads up about the quotes. I didn’t know that.

    Reply
  2. Clay Newton

    Nice, thanks for this post!

    One word of advice to copy-and-pasters: the quotes above are not quotes that will work in HTML. You have to replace them with the quotes from your keyboard.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *