Embed Your X (Twitter) Timeline

Follow

To embed your Twitter timeline into your Metro Publisher site, you will need to paste some customized code created by Twitter into an HTML Sprocket. It is easy and takes only a few minutes.

 

NOTE (October 2023):

There seem to be quite a few issues with the newest update; X seems to have deprecated several features and it is viewed as a regression by users. Some fixes have been promised.


Here's their blog post about that: https://developer.twitter.com/en/blog/product-news/2022/improvements-for-embedded-timelines
 
This is the current the bug report: https://twittercommunity.com/t/embedded-timelines-update-parameters-support/177112 
 
Looking at the code generator, the customization option to limit the number of tweets is no longer there if you click on customization: https://publish.twitter.com/?query=https%3A%2F%2Ftwitter.com%2FCMMMagazine&widget=Timeline
 
Nonetheless, the theoretically supported code is in the developer documentation: https://developer.twitter.com/en/docs/twitter-for-websites/timelines/overview. It is currently unclear whether the code to limit tweets is still supported. There are several user bug reports about the feature currently not working.
 
In order to limit the number of displayed tweets, please regenerate the code and click on "customization". Then adjust the height to 300px, for example. That will limit the display. 

 

1. Create the Widget in Twitter and Get the Code

Twitter offers several options for types of timeline widgets you can create.

twitter-congif.png

 

  1. First you must log in to your Twitter account and create a widget for your timeline.
  2. Then you will need to copy the code generated by Twitter

    Create your own embedded timeline
    .

 

2. Create an HTML Sprocket and Paste in Code

Now that you have the code, log in to your Metro Publisher work site.

 

1. Create a new HTML Sprocket 

twitter-html.png

2. Switch Text Editor to Source mode.

3. Paste in the code from Twitter.

4. Make sure to give your Sprocket a title.

5. Save

Now you can place your new Twitter HTML Sprocket throughout your site as you would any other Sprocket.

Have more questions? Submit a request

Comments

Powered by Zendesk