XClose

Information Services Division

Home
Menu

Drupal CMS: Twitter feed

Learn to embed a Twitter feed in Drupal.

This guide is aimed at

  • Staff
  • PG Students

Before you start 

You need to be a Senior Editor, Editor or Author
When editing use Chrome, Firefox or Safari but NOT Internet Explorer

Instructions

Preparation

You need the username and password for the Twitter account.

  1. Go to the following URL: Publish Twitter.
  2. Paste your Twitter URL underneath 'What would you like to embed'
  3. Press on the arrow pointing to the right
  4. Choose which type of embed you would like: embedded timeline or buttons
  5. If you just copy the code, you will see the whole of your Twitter feed. To make it shorter e.g. 600 pixels, click on 'Set customization options' and put '600' under height
  6. Click on 'update'
  7. Copy the relevant code

Adding the Twitter Feed

  1. Go to the page where you want to embed Twitter
  2. Click on the 'Twitter Feed' icon in the editing toolbar
  3. Place the code in the Widget code box
  4. Click on 'Insert'
  5. The account should now be visible i.e. you can see 'Tweets by ....'
  6. Depending on your role:
    if you are a Senior Editor: click on 'Publishing options - Draft (Current)' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Editor: click on 'Revision information' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Author: click on 'Revision information' in the left-hand menu, choose 'needs review' from the drop-down menu
  7. Save
  8. If you need to put the page in the menu, check the instructions for putting a page in the website's menu
  9. Finally, check on different browsers to check you are happy with the result, including on a mobile device

Help and support

Feedback

We are continually improving our site, so please provide us any feedback on this web page using the form below. It would also be really useful if we could discuss your feedback with you, so if you are happy to be contacted please include your UCL email address in 'Email' field below.

Please note: We can only respond to UCL email addresses

Help us improve this page