Subscribe / Unsubscribe Enewsletters | Login | Register

Pencil Banner

How to embed tweets on your Website or Blog

Angela West | Jan. 9, 2012
Twitter has had a busy past three months, launching a redesign, an open-source Android security tech, and Tweetdeck as a Web application. Now it's offering a way to make your website or blog more interactive with easy-to-embed tweets that require using just one line of code or a link to add.

Twitter has had a busy past three months, launching a redesign, an open-source Android security tech, and Tweetdeck as a Web application. Now it's offering a way to make your website or blog more interactive with easy-to-embed tweets that require using just one line of code or a link to add.

This new method will let your visitors to your website interact with embedded tweets, and view details such as replies and retweets. This can improve your website while requiring a minimal amount of coding. Here's how to how to embed the new code and get started.

What Embedded Tweets Look Like

In the example at right, the new embedded tweets appear on a senator's website. Note that you'll have to click on the date/time stamp in the lower left corner of that module to get information on the tweet, and you'll need to have access to the redesign of Twitter to see favorites, retweets and replies. Otherwise, you'll just get the usual permalink.

One really cool feature is that any tweets with a photo will embed that photo within any text in the tweet, as in the example below. The catch: The tweet that you're embedding needs to have the picture uploaded to pic.twitter.com in order to show up in an embedded tweet. Photos uploaded to any other service won't work. If you want to make your photo tweets easier to share in light of this, you may want to start uploading your pictures to Twitter's own service.

First, the New Twitter

Icons for Home, Connect, and Discover should be at the top left of your profile if you have the new design. If your account isn't yet active on the new Twitter design, you won't be able to get the code to embed tweets. If your Twitter profile doesn't have the features announced here, you're not on the new design yet. If you've downloaded the new version for Android or iPhone, you'll get earlier access to the new Twitter when logging in on your PC's browser. A Twitter representative confirmed that the new version of Twitter.com is still in progress.

Get the Embed Code and Find the Permalink

If your account already appears with the new Twitter design, then you're in business. To get the embed code, you'll have to go to your tweet's permalink page. There is no obvious spot on a tweet, even in the new redesign, to get your permalink. Instead, the permalink is hidden within the timestamp on the tweet. Click the timestamp (see the image below), and you're there. From your tweet's permalink page, click on "Embed This Tweet". Copy and paste the code you're given into your website or blog where you want the tweet to show up, and that's it.

 

1  2  Next Page 

Sign up for CIO Asia eNewsletters.