Adding your Twitter Feed to Your Site
December 12, 2013
This was easy-peasy. Was it this easy two years ago? Were we doing something wrong?
Adding my personal Twitter feed to the site was incredibly easy, and AFAICT I don’t think that (this user) is registered as a Twitter Developer! Take that, Facebook!
Simply getting a Twitter feed into the site is very straightforward:
- Go to Twitter.com and log in if you aren’t already.
- Find the “Developers” link and follow it. (Currently goes to dev.twitter.com)
- Click the “Embedded Timelines” link, which currently takes you to the Embedded Timelines page
- Take a quick read of the page, so you know what your options are. It will only take a few minutes, and come in super handy later.
- In the “Creating an Embeddable Timeline” section, follow the link to your widgets page, and create a new widget.
- Tweak whatever settings you want, then click the Save Changes button.
- Copy the JavaScript code and paste it into the appropriate part of your page.
- As you experiment with your page, you’ll want to tweak some of the settings for this configuration. Knock yourself out, but be advised: it may take a few minutes for the changes you make to be reflected in your “real” page (blog, whatever) when you refresh it.
Believe it or not, I spent more time laying out my page correctly (to have a right-rail dedicated (for now!) to Tweets), rather than adding in the feed itself. But I like working in Sass, so that’s OK! ;-)