twittermashup

How to add Twitter Expanded Tweets? (was: twitter media preview card for my site?)

I googled a lot about how to make twitter media preview for my website entities if they are linked in a tweet like images below:

YouTube example

Kickstarter example

Any idea where can I find some documentation about it? Or a tutorial? Is this possible or these media/site previews are hardcoded in twitter?

EDIT:

so, what I need: If someone links my site on twitter, my widget appear under the tweet, like below:

Example example

UPDATE 2012-06-13

It appears this is an Expanded Tweet - -what the requirements are to integrate these expansions into Twitter are do not appear to be displayed - but this sure is interesting.

Solution

  • Nope your in luck. They're not hardcoded into Twitter, they're available in the JSON response. You actually have in your post the word you need to google for entities.

    You can add include_entities=1 to the end of most REST api calls and it will give you expanded information about the URL's contained within the JSON. It will split out all the URL's where you can parse out the Youtube links for example. The JSON also includes a special media_url entity but it only works for pictures. In any case, you can still parse out the media easily like youtube with a regex match because you get the URL's split out nicely with this include_entities=1 parameter.

    example call :

    http://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi&include_entities=1

    more documentation : https://dev.twitter.com/docs/tweet-entities

    answer edited below based on clarification:

    Editing Twitter itself with previews is impossible and it's also ineffective. 75% of traffic to Twitter happens outside of Twitter.com. However the most probable solution to achieving this request would be to download a browser extension.

    This extension for example enbales previews of webpages directly in the users stream content preview pane on Twitter.com

    https://chrome.google.com/webstore/detail/oijgblonhcagdhfbgjilnpjipmijimmn