Shopping Cart (0)

Intent: Use live Tweets on your WordPress blog.

1 Posted April 14, 2011 by George Categories: Tips and Tricks

Hi tadpoles…

[UPDATE 18th February 2016]
As reader George Dragojevic, from First Site Guide points out, the Blackbird Pie plugin has gone to that happy place in the sky, where Blackbirds go when they, um, die. So none of this is going to work. Sad frog here.
Anyhow, from George to George, thanks for the heads-up!

So, a week or two back, we showed you how to outfit your blog with Twitter Tweet, and Facebook Like buttons. Imagine our surprise when, less than a week later, Twitter announced their new Web Intents API. From the official page:

“Web Intents provide popup-optimized flows for working with Tweets & Twitter Users: Tweet, Reply, Re-tweet, Favorite, and Follow. They make it possible for users to interact with Twitter content in the context of your site, without leaving the page or having to authorize a new app just for the interaction. Web intents are mobile friendly, and super easy to implement.”

Now, Web Intents API sounds awfully technical, and very grand, and the functionality really looks sweet, but happily, it turns out that actually setting it up is a lot less of a hassle than you’d think, so we thought we’d quickly walk you through it.

To get started, you’ll need the “interestingly” named plug-in, Blackbird Pie. This plug-in pre-dates (it’s been around since November 2010) Twitter’s Web Intents, but the smart folks at Themergency have speedily updated it to take advantage of the newly released functionality. Blackbird Pie is compatible with WP 3.0 and up, but you always keep your WP install updated, right? Right. So, go ahead, install and activate the plug-in.

Now, when you want to include a live tweet in your post, you’ll need the URL to the status. You’ll find that in the timestamp, under the tweet. So for example, here’s a tweet that I made today:

The timestamp reads 1 hour ago, and if you click on it, you’ll find it’s a link to the individual tweet page. Look at the browser address bar. In this case it looks like this:

Now, simply copy that address and paste it into your blog-post at the point you want the tweet to appear, like this:

Aaaannnnd, save your post. This is what it’ll look like. Notice everything is live and clicking say the Reply link will pop up a floating box, ready to reply to that tweet. Same for Re-Tweet, Favourite, any links in the tweet, and even the tweeter’s bio:

Pretty cool, no?…Something to remember. Protected tweets may be copyright. Play nice and ask, if there’s any doubt.

There’s more functionality in the Web Intents API, but this is a good a start…
Off you go now tadpoles, go make your blogs MORE beautiful and awesome!


19/08/2012 4:25 pm

Hey m8,

Great article, straight to the point. Cheers!


Leave a Comment


(required, not shown)

TimThumb not displaying images? Let’s fix that!

If you've noticed that a number of images aren't displaying correctly ... Read more

Adding a Tweet Box to your site

Both Windows and Mac are integrating social media platforms more and m... Read more

Valentines Giveaway: Win a copy of our new gorgeous theme – Occasions

Love is in the air, and lucky for you frogs aren't immune to Cupid's m... Read more

Create a slick dropdown or flyout menu in minutes

As the amount of content in your site grows, at some stage you'll want... Read more

Add a Google +1 button to your blog

Hello, lovely tadpoles! Do you remember our post about adding Twit... Read more

eFrog News Categories

Browse our themes