How to get your tweets displaying on your website using JavaScript, without using new Twitter 1.1 API

Why does this exist?

Recently I was quite frustrated to find out that the old API on Twitter was depreciated and the overhead in setting up a system to perform OAUTH just to get my already publicly available tweets was too damn high (see https://dev.twitter.com/discussions/11564).

Even worse I couldn't find any simple solutions for JavaScript. All code examples were server side. So after much thinking I invented the following solution. It makes use of the over bloated widgets Twitter gives us to put on our sites, cuts out all the nonsense (and non semantic markup), and returns to you your raw tweet text so you can do with it as you please and style it how you want on your own website - like it should be. Instructions on how to get it working with your tweets are in the code comments, just do what it says! Enjoy!

Browser support

All popular browsers supported. Chrome, Firefox, Safari, Opera, Internet Explorer 7, 8 and 9.

Supported web browsers

Download

See latest link at top right of the page to grab the latest build. Dont forget to check back soon for updates.

Show me the sexy code baby

Please read comments in JavaScript for examples on how to use and how to generate a widget id to use with the component - it is really easy! Here are some examples on CodePen:

  1. How to use the JavaScript component.
  2. 3D Twitter Cube - by just changing CSS you can make anything you want as shown here!.

Show me it in action!

Below is the first example above - remember you can change the style to anything you want just by changing the CSS:

Change log

Got suggestions? Feedback? Feature requests? Tell me!

At time of writing I have made over 132 changes, and many are the result of feature requests from people like you! I want to help all the developers out there get tweets on their sites once again - with ease, as it should be. Talk to me: Via Google+, twitter, or my website.

Disclaimer

This is by no means an official solution - it is something I created to solve a problem I had, and has now grown in to a full component. Twitter may change its system in such a way to cause this to stop working. I of course will try my best to adapt to any changes and all future versions of this code shall be posted here, on this site. I suggest you check back regularly for any updates. This is however the only solution I know of to date to get public data from Twitter without using the new 1.1 API which otherwise requires OAUTH tokens with every request and is a lot harder to set up. Lets keep it simple!

With that out of the way, I hope you enjoy this component, and that it makes your life a bit easier. Jason Mayes

Buy me a beer!

Believe it or not it takes time to code / maintain this sweet JavaScript component - especially with all the feature requests. If you have found it useful or timesaving - especially if you are using it at work, buy me a beer / some caffine so I can continue to develop it for you all at random hours in the night. Just hit the paypal donate button, and enter a price - whatever you think its worth! It is much appreciated.