Site   Web

April 3, 2013

Twitter Takes It Up A Notch With Cards Update

Mobile App Deep-Linking, Three New Card Types Added

Twitter has launched new ‘Cards’ functions, enabling developers to more creatively display their content and bring people directly to their app from a tweet.

One of the new Cards functions is mobile app deep-linking, a feature that “closes the loop between content creation, content discovery and app downloads,” writes Twitter’s head of platform Jason Costa in a blog post.

With mobile app deep-linking, users can simply tap a link to either view content directly in a developer’s app, or download the app if they don’t already have it installed.

To enable app installs and deep-linking, developers must add a new set of markup tags.

“By adding these new footer tags to your markup, you’ll be able to specify downloads for users who’ve not yet installed your app on their device,” reads an instructional post. “This will work across iPhone, iPad and Android (Google Play). Please note that if you have an iPhone app, but no iPad-optimized app, you should include the iPhone app id, name, and url for both iPhone and iPad-related tags. When no value is provided, the Cards will simply render a “View on web” link pointing to the value in twitter:url.”

Below is an example of what the prompt will look like if the user does not have the app installed:

Twitter image

Twitter image

If the user has already installed the app, however, the developer can specify a deep-link into the correlated resource within the application. When a user clicks on ‘Open in app,’ Twitter then sends the user to the developer’s app. This value is specified in the ‘twitter:app:name:(iphone|ipad|googleplay)’ tags. The app URL should be the developer’s app-specific URL Scheme that launches the app on the proper client.


Twitter image

Twitter image

New Twitter Cards

Expanded Tweets initially kicked off with three card types: summary, photo and player/video, Costa says. To enable publishers to share different types of content on Twitter, however, the following new Cards have been added to the lineup:

App — This allows developers to show information about their app, including app name, icon, description and other details like rating or price. Developers must provide their ID and Twitter will display information about their apps from the App Store or Google Play.

Product — Developers can now display products by showing an image and description, along with up to two customizable fields, enabling them to display more details like price or ratings.

Gallery — This Card allows developers to display an album or collection of photographs via a preview of the photo gallery. It indicates to a user that a gallery has been shared, rather than just one individual photo.

“With this update to Cards, we’ve fundamentally re-architected the way Cards are created and delivered,” Costa says. “The new Cards system lays a foundation that will make it easier for us to develop more types of Cards in the future and allow for greater customization by publishers and developers. Additionally, this new system is backward compatible; if you’ve already implemented Cards, your integrations will continue to work seamlessly.”

The new card are compatible with: Delectable, Etsy, Flickr, Foursquare, Gumroad, Jawbone, Path, Rovio’s Angry Birds, SoundCloud, Storenvy, Wine Library and Vine.