Support Center

MtT Twitter module and Twitter API 1.1

Last Updated: Jul 04, 2013 03:12PM EEST
Earlier this week, Twitter announced that they are officially turning off version 1.0 of their API. This move has been made in favour of version 1.1 of their API. This version requires authentication for any request made to the Twitter servers, which means that all Twitter applications and code snippets would need to be updated to use this new version. This includes our MtT Twitter module.

We are working on a new release which will include support for Twitter API version 1.1.

Until our new official release, you can use the "Embeddable timelines". Embeddable timelines make it easy to syndicate any public Twitter timeline to your website with one line of code. You can embed a timeline for Tweets from an individual user, a user's favorites, Twitter lists, or any search query or hashtag.

Creating an Embeddable Timeline

To create a timeline you must be signed in to and visit the widgets section of your settings page From this page you can see a list of the timelines you've configured and create new timelines. Please just follow the instructions below:

1. First, you'll need to log in to your Twitter page, and then click the gear in the upper right hand corner, and scroll down to settings.

2. On the settings page, go to the bottom of the left hand column and click Widgets. Then click the “Create new” button to build a new timeline for your website.

3. Choose the type, and complete the fields in the form - most fields are optional. The configuration is stored on the Twitter server, so once you've saved the timeline a small piece of JavaScript is generated to paste into your page, which will load the timeline.

Here's an example embed code:
<a class="twitter-timeline" href="" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Find more info regarding the customization options here

4. Once the code is generated, copy both lines of code from the box. After this just create a new block with Full HTML input format on your Drupal installation through Home » Administration » Structure » Blocks and paste the code. Finally just enable this block.

In case this article leaves any of your questions or concerns unanswered, please feel welcome to email us or post a public question.

​More than (just) Themes

Contact Us
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found