Adding Twitter content to a webpage using Twitter Publish
Your website can display content from Twitter in a variety of formats provided by Twitter Publish.
Part 1 Copy Twitter Code
- Go to Twitter Publish
- Enter a Twitter URL (for a collection, hashtag, etc.)
- Select a display option.
- Copy the code.
Part 2 Add Twitter Code to Website
Choose a page to edit or create a new landing page.
- Select Customize this page. Then click the plus symbol to add a new Pane.
- Select Twitter and choose the Twitter widgets pane.
- Click Add.
- Paste the Twitter code into the text box.
- If you wish to add a heading to the content, check the checkbox for Override title and enter a title.
- Click Add to save the View.
- Click Save again to save the page.
Note: You will need to refresh the page in your browser to see the Twitter content.
Twitter's documentation describes various ways that the embed code can be changed to customize the appearance and behavior of widget.
NOTE: If you're website was configured to show Tweets prior to September 18, 2017, these instructions may apply to you. You should update your website to use the newer method outlined above.
The template system allows you to embed a Twitter feed from your Twitter account into your website.
Some examples of sites using this feature include:
Step 1: Get the necessary Twitter tokens - deprecated
Go to: https://apps.twitter.com and log into your Twitter account.
Click Create New App button.
Complete the necessary fields in the form.
- Name: Enter name of the site where you pulling the twitter feed into
- Description: The [sites name] that will pull in the Twitter feed
- Website: site URL
- Callback URL site URL
- Check the Developer Agreement box.
Click Create your Twitter application
Click on the Keys and Access Tokens tab
Copy and paste the Consumer Key (API Key) and Consumer Secret (API Secret) into a word doc or any other holding place so that you can paste them later into the Drupal administration settings.
Step 2: Authenticate the Twitter account to the Drupal website - deprecated
Log into your Drupal website.
From the Admin main menu, navigate to the Twitter application settings: Configuration --> Web services -> Twitter
There are two tabs, Twitter and Settings. First select the Settings tab.
Paste the Consumer Key and Consumer Secret code into their respective fields.
Click Save Configuration at the bottom of the page.
Click on the Twitter tab
Click the Go to Twitter to add an authentication account button.
A Twitter page will open – Enter your Twitter credentials and click the Authorize app button. If you are still logged in from getting the Auth codes, you will not need to log in, you will just need to click the button.
You will be returned to the Twitter admin page. Click the Tweets checkbox and View will appear under the box. Your Twitter feed cannot be set to Private in order for Drupal to display the feed.
Click the Save Changes button.
Tweets are imported into your site hourly.
Verify that they have been imported by visiting a listing of all your tweets at their default landing page:
You can add as many Twitter feeds as you want using the Twitter settings tab, including non-authenticated accounts. All tweets from all accounts will appear in the same listing/view. At this time it is not possible to put separate tweet feeds into separate listing/displays.
Step 3: Add the Twitter feed to a panel on any web page - deprecated
Click the Customize this page at the bottom of your browser window.
Click the Plus+ sign to add a node.
Select Twitter to add content.
Click one of the two green Add buttons. There are currently two buttons; formatted and unformatted. The formatted feed can be restricted to a certain number of tweets and can also skip a certain number of tweets. The unformatted feed has functionality issues of which WDS is aware. Contact WDS if you wish to have your twitter feed styled for your site using CSS.
Troubleshooting - deprecated
- Your Twitter feed must be set to public, not private.
- You may find that deleting and re-adding your Twitter account can fix any troubles in displaying your feed.
- New items may not appear on your website for up to 9 hours due to our caching configuration for performance.