How to activate Twitter widget (based on Twitter API 1.1) in joomla

This tutorial shows how to set up twitter widget based on API 1.1.

Joomla 2.5.x/3.x. How to activate Twitter widget (based on Twitter API 1.1)

1. Login to twitter at https://twitter.com/ , go to settings.

2. Open Widgets and click on Create new.

3. Specify twitter username and set height of widget. Click on Create Widget button.

4. Copy generated code to text file.

5. Code should look like example below.

<a class="twitter-timeline" href="https://twitter.com/ryandewitt_th" data-widget-id="322041606918250497">Tweets by @ryandewitt_th</a><br>
<script>!function(d,s,id)var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id))js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);(document,"script","twitter-wjs");</script>

 

6. Download mod_twitter_widget.zip module using the following link.

7. Go to Extensions -> Extension manager and install mod_twitter_widget.zip module.

8. Create new module.

9. Set module to the same position as original module. In module settings you need to set Widget ID. Open code you have copied and find widget ID code. It should look like data-widget-id=”322041606918250497″ . Just copy numbers. Check the screenshot below.

10. Module should look like on the screenshot below:

11. Save module settings and refresh your site. Twitter module should show up fine in case you have performed all actions properly.

How to activate Twitter widget (based on Twitter API 1.1) in joomla