Your SlideShare is downloading. ×
Embedded Tweets, Timelines and Twitter Cards - Social Developers London 09 Jan 2013
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Embedded Tweets, Timelines and Twitter Cards - Social Developers London 09 Jan 2013


Published on

Embedded Timelines, Tweet and Twitter Cards - presentation and walkthrough from Social Developers London 10 Jan 2013 @socdevlon

Embedded Timelines, Tweet and Twitter Cards - presentation and walkthrough from Social Developers London 10 Jan 2013 @socdevlon

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Angus FoxDeputy Secretary, Social Developers LondonDirector, Multizone LimitedTwitter: @nuxnix This talk draws on information from but is in no way endorsed by Twitter Corporation  #justsaying
  • 2. Estimated date Description Announcement Affected APIsFebruary 6th, 2013 GET Blog post REST API help/configuration Streaming API returns new lengthFebruary 20th, 2013 links begin to Blog post REST API be generated with Streaming API new lengthMarch 5, 2013 Retirement of Blog post @Anywhere API deprecated Deadline @Anywhere API announcementMarch 5, 2013 Retirement of Deprecation REST API deprecated API announcement Streaming API v1.0. Release of 1.1 Release of 1.1
  • 3. The first place to start is at dev.twitter.comEmbedded Twitter EmbeddedTimelines Cards Tweets
  • 4.  Embeddable timelines make it easy to syndicate any public Twitter timeline to your website with one line of code Lets make one…
  • 5. Copy and paste the code into the HTML of your site.<a class="twitter-timeline"href="" data-widget-id=”nnnnnnnnnnnnnnnnnn">Tweets about"@socdevlon"</a><script>!function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  • 6.  Twitter cards make it possible for you to attach media experiences to Tweets that link to your content. Simply add a few lines of HTML to your webpages, and users who Tweet links to your content will have a "card" added to the Tweet that’s visible to all of their followers. Lets make a ‘Summary’…
  • 7. The default card includes a title, description,1. Choose the type of thumbnail image, and Twitter account card to implement. attribution.2. Add the meta-tags to your page and test your markup with the preview tool.3. Apply to participate by submitting your working example link • Photo Cards are a Tweet sized photo card. • Player Cards are a Tweet sized and related video/audio/media player card. information. Source:
  • 8. Copy and paste into the <head> of your site.<meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@multizone"/><meta name="twitter:creator" content="@nuxnix"/><meta name="twitter:url"content=""/><meta name="twitter:title" content="Blog post for the talkat Social Developers London"/><meta name="twitter:description" content="To build withTwitter, the first place to start is at, awalkthrough of Embedded Timelines, Twitter Cards, EmbeddedTweets, the Tweet Button and the Follow Button"><meta name="twitter:image"content=""/>
  • 9.  As a website owner you must opt-in to have cards displayed for your domain, and Twitter must approve the integration. To be considered, please follow these steps:  Read the documentation and add the appropriate markup to your domain.  Test your markup with thepreview tool Once the markup is implemented, fill out the form and include a link to a representative page containing markup“As we roll out this new feature to users and publishers, we arelooking for sites with great content and those that drive activediscussion and activity on Twitter. Expect a few weeks for turn-around time. You will receive an email message with the confirmationor rejection notice.”
  • 10. Thank you for applying to participatein Twitter Cards. We will review yourapplication and get back to you in 5-10 business days.
  • 11.  The Embedded Tweet feature allows websites to generate copy and paste-able HTML markup to render a Tweet on any third-party website. This markup presents a Tweet in an attractive (and display guidelines compliant) way, and automatically sets up Web Intents so that viewers of the Tweet may retweet, reply, favorite, and follow easily from the rendered view. Lets make one…
  • 12.  <blockquote class="twitter-tweet"><p>Join us tonight at our first event of 2013 - six talks about social dev, plus pizza and networking! Tickets on sale at <a href="" title=""></a></p> &mdash; SocialDevelopersLDN (@SocDevLon) <a href=" 939393509638144" data-datetime="2013-01- 09T09:24:54+00:00">January 9, 2013</a></blockquote> <script async src="//"
  • 13. Presentations are available from Slideshare