Can Twitter Cards Help Your App Go Viral?
By Bobby Gill on December 18, 2012 / 2 Comments
The wet dream of every mobile app startup is going viral and not in the Howard Hughes type of way. Going viral means riding a social media-fed tsunami of RTs, Likes, and +1s to appster glory. Downloads. Millions of them.
Going viral can’t be taught, but integrating your app into Twitter Cards could help you get there. You see back in the old days (2 weeks ago), when someone tweeted out a photo from Instagram you could see the photo right there in the Twitter window without having to visit the link on Instagram’s web site. Oh those were the days. Instagram might have shut off its Twitter Cards integration, but that doesn’t mean your app can’t do what Instagram did.
Twitter Cards allow you to integrate content from your web site into Tweets that referenced that URL. There are 3 different types of Cards: ‘summary’ (for news articles and blog posts), ‘photo’ (for Instagram-like photos) and ‘player’ (for videos).
The great challenges of closing the viral app adoption loop is actually getting people to click the links that your app is tweeting out. Twitter Cards help you out because now people can view your app content right within their Twitter client without the jarring transformation of opening up the browser. You can attach your app’s Twitter account into your Twitter Card making your app instantly visible to anyone who views that Tweet.
The best part is that integrating with Twitter Cards is really simple. Twitter Cards are generated by a few 3 new metadata elements you embed into the header of your web site.
|twitter:card||The card type, which will be one of “summary”, “photo”, or “player”.|
|twitter:url||Canonical URL of the card content.|
|twitter:title||The title of your content as it should appear in the card.|
|twitter:description||A description of the content in a maximum of 200 characters.|
|twitter:image||A URL to the image representing the content.|
For the Bahndr iPhone App, its Twitter Card is generated by these HTML header elements:
<meta property="twitter:card" content="photo" /> <meta property="twitter:url" content="http://www.bahndr.com/bahndr.web/Draft/Caption/1343272743/2052944584" /> <meta property="twitter:title" content="#Conundrum" /> <meta property="twitter:description" content="who'd win in a fight?" /> <meta property="twitter:image" content="http://www.bahndr.com/service/rest/Objects/1337994433-imageurl.jpg" /> <meta property="twitter:site" content="@bahndr" />
Which yields this Twitter Card:
That’s it! Instant Twitter exposure. Marie Antoinette might have been onto something, when the cake comes easily, it should be eaten.
*Note that you will need to be approved by Twitter before your Twitter Cards appear. Approval takes about 2-3 weeks.
Get the latest from the Blue Label Labs’ blog in your inbox
More in Development
6 Website Trends to Expect in 2021
Each year, everything from little to big changes surface in website trends…
Things Mobile App Developers Can Learn from Mobile Games
Gaming has shifted from something that was exclusively done at high-power computers…
6 UX Mistakes to Avoid in Your Software
Most of us in the development business will say that the UX…