This document summarizes Angus Fox's talk on building with Twitter APIs. It provides information on embedding timelines and tweets, implementing Twitter cards, and retiring deprecated APIs. The talk demonstrates how to generate embed codes to display tweets and timelines on other sites and add metadata to pages to create Twitter cards that enrich tweets linking to those pages. It also notes upcoming changes to Twitter APIs.
Generative AI for Technical Writer or Information Developers
Angus Fox Twitter Profile and Talk Notes
1. Angus Fox
Deputy Secretary, Social Developers London
Director, Multizone Limited
Twitter: @nuxnix
This talk draws on information
from dev.twitter.com but is in
no way endorsed by Twitter
Corporation #justsaying
2.
3.
4. Estimated date Description Announcement Affected APIs
February 6th, 2013 GET Blog post REST API
help/configuration Streaming API
returns new t.co
length
February 20th, 2013 t.co links begin to Blog post REST API
be generated with Streaming API
new length
March 5, 2013 Retirement of Blog post @Anywhere API
deprecated Deadline
@Anywhere API announcement
March 5, 2013 Retirement of Deprecation REST API
deprecated API announcement Streaming API
v1.0.
Release of 1.1 Release of 1.1
5. The first place to start is at dev.twitter.com
Embedded Twitter Embedded
Timelines Cards Tweets
6. Embeddable timelines
make it easy to
syndicate any public
Twitter timeline to
your website with one
line of code
Lets make one…
7.
8.
9. Copy and paste the code into the HTML of your site.
<a class="twitter-timeline"
href="https://twitter.com/search?q=%40socde
vlon" data-widget-
id=”nnnnnnnnnnnnnnnnnn">Tweets about
"@socdevlon"</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.g
etElementById(id)){js=d.createElement(s);js
.id=id;js.src="//platform.twitter.com/widge
ts.js";fjs.parentNode.insertBefore(js,fjs);
}}(document,"script","twitter-
wjs");</script>
10.
11. 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’…
12. 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
13. 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 talk
at Social Developers London"/>
<meta name="twitter:description" content="To build with
Twitter, the first place to start is at dev.twitter.com, a
walkthrough of Embedded Timelines, Twitter Cards, Embedded
Tweets, 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
14.
15. 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 are
looking for sites with great content and those that drive active
discussion and activity on Twitter. Expect a few weeks for turn-
around time. You will receive an email message with the confirmation
or rejection notice.”
16. Thank you for applying to participate
in Twitter Cards. We will review your
application and get back to you in 5-
10 business days.
17. 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…
18.
19. <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>
— 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"