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

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

on

  • 1,153 views

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

Statistics

Views

Total Views
1,153
Views on SlideShare
1,080
Embed Views
73

Actions

Likes
0
Downloads
0
Comments
0

5 Embeds 73

http://www.multizone.co.uk 53
http://multizone.co.uk 11
https://twitter.com 7
http://localhost 1
http://mzsvm01.multizone.co.uk 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • Angus FoxDeputy Secretary, Social Developers LondonDirector, Multizone LimitedTwitter: @nuxnix This talk draws on information from dev.twitter.com but is in no way endorsed by Twitter Corporation  #justsaying
  • Estimated date Description Announcement Affected APIsFebruary 6th, 2013 GET Blog post REST API help/configuration Streaming API returns new t.co lengthFebruary 20th, 2013 t.co 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
  • The first place to start is at dev.twitter.comEmbedded Twitter EmbeddedTimelines Cards Tweets View slide
  •  Embeddable timelines make it easy to syndicate any public Twitter timeline to your website with one line of code Lets make one… View slide
  • Copy and paste the code into the HTML of your site.<a class="twitter-timeline"href="https://twitter.com/search?q=%40socdevlon" 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.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  •  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’…
  • 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: dev.twitter.com
  • 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="http://www.multizone.co.uk/news/blog/155-build-with-twitter-blog-for-the-talk-at-social-developers-london.html"/><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 dev.twitter.com, awalkthrough of Embedded Timelines, Twitter Cards, EmbeddedTweets, the Tweet Button and the Follow Button"><meta name="twitter:image"content="http://photos3.meetupstatic.com/photos/event/c/4/d/8/global_167810392.jpeg"/>http://www.multizone.co.uk/news/blog/155-build-with-twitter-blog-for-the-talk-at-social-developers-london.html
  •  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.”
  • Thank you for applying to participatein Twitter Cards. We will review yourapplication and get back to you in 5-10 business days.
  •  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…
  •  <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="http://t.co/j8PTPajI" title="http://ht.ly/1QXqjI">ht.ly/1QXqjI</a></p> &mdash; SocialDevelopersLDN (@SocDevLon) <a href="https://twitter.com/SocDevLon/status/288 939393509638144" data-datetime="2013-01- 09T09:24:54+00:00">January 9, 2013</a></blockquote> <script async src="//platform.twitter.com/widgets.js"
  • Presentations are available from Slidesharehttp://www.slideshare.net/nuxnix/