Twitter Widgets

Twitter released the following statement on the 11 June 2013

Today, we are retiring API v1 and fully transitioning to API v1.1. Given the array of blackout testsblogpostsTweets and other updates, this should (hopefully) not be a surprise. Before I get into the slew of resources available for you, let me first say thank you for your cooperation over the last several months.

Based on the blackout tests and looking at the numbers, we can see that the vast majority of applications have transitioned to API v1.1. If you still have not updated your app and you want people to be able to continue using it, it’s not too late! Documentation is available here.

Additionally, here are other resources that we’ve pulled together to help make this transition more smooth:

Original Source: Twitter Blog

Example

If your unhappy with the Twitter Widget provided with API 1.1  you can use the following code example to customise your Tweets to better match your website design.

Customisation Options

  • href - Twitter URL 
  • data-tweet-limit - limits the number of tweets to be shown
  • data theme - light or dark
  • data-link-colour - colour of your links
  • data chrome - remove header, remove footer, transparent, remove scrollbar, width and height 

Code

<a class="twitter-timeline" 
href="https://twitter.com/TWITTERNAME" 
data-widget-id="TWITTERID" 
data-tweet-limit="4" 
data-theme="dark"
data-link-color="#809bad" 
data-related="twitterapi,twitter" 
data-aria-polite="polite" 
data-chrome="noheader 
nofooter 
transparent 
noscrollbar" 
width="100%" 
height="500" 
lang="EN">Tweets by TWITTERNAME
</a>

<script>!function(d,s,id){var js,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>

A working example of this widget can be seen in our website footer