Twitter Resources

How to Generate a Twitter Widget

 

  1. Log in to your Twitter account.
  2. Go to https://twitter.com/settings/widgets.
  3. Click "Create New."
  4. Choose the timeline source (i.e. User timeline, Favorites, List, Search).
  5. Input the configuration options.
  6. Click "Create widget."
  7. Copy/paste the code somewhere temporary.
  8. In Firefox or Chrome, go to the page on your site where you want to embed the widget.
  9. Create a new HTML content item.
  10. Give the content item a title.
  11. Check "Show?"
  12. Set the CSS Class to "HLLandingControl"
  13. Switch from the Design tab to the HTML tab.
  14. Paste the code generated from Twitter.
  15. **DO NOT switch back to the Design tab**
  16. Click "Save and Return to Site."

NOTE: When adding more than one Twitter feed, make sure that only one <script> tag is added for the entire page or else only one Twitter feed will load.  Extraneous <script> tags must be manually removed.  Here is an example <script> tag:

<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>

A Twitter widget is composed of an <a> tag followed by a <script> tag. Ensure that all of the <a> tags are added first and the <script> tag is added last.  This can be for different CMS content items on the page, as long as the <script> tag is within the last CMS content item on the page.

Follow Us on Twitter