Embedded likes timeline

A likes timeline displays the most recently liked Tweets, ordered from newest to oldest, from a specific public Twitter account.

Generate markup for an embedded likes timeline on publish.twitter.com

HTML markup

A responsive likes timeline can be added to a webpage through a common HTML template.

A template example:

  <a class="twitter-timeline"
  href="https://twitter.com/{screen_name}/likes">
Tweets liked by @{screen_name}
</a>
  <a class="twitter-timeline"
  href="https://twitter.com/twitterdev/likes">
Tweets liked by @TwitterDev
</a>

JavaScript factory function

Twitter’s widget JavaScript library supports dynamic insertion of an embedded likes timeline using the twttr.widgets.createTimeline function. Pass a data source definition, target container element, and optional options object to insert an embedded timeline into your page.

HTML data-* parameters are camelCased when passed as an options object property.

  twttr.widgets.createTimeline(
  {
    sourceType: "likes",
    screenName: "TwitterDev"
  },
  document.getElementById("container")
);

Was this document helpful?

Thank you

Thank you for the feedback. We’re really glad we could help!

Thank you for the feedback. How could we improve this document?

Thank you for the feedback. Your comments will help us improve our documents in the future.