Twitter embedded timeline
Questions or comments?
Helps with implementing Twitter embedded timelines.
How to implement
- Create an embedded timeline on Twitter.com according to Twitter's Creating an Embeddable Timeline documentation.
- For each area that will display a Twitter embedded timeline, create a
- Inside the
divelement add a link with:
hrefattribute with the URL for the equivalent query on Twitter.com (e.g., https://twitter.com/search?q=%23WxT)
widget-idattribute with the id of the embedded timeline (e.g., "329066756620566528")
- link text that describes timeline (e.g.,
Tweets about "#WxT")
<div class="wb-twitter"> <a class="twitter-timeline" href="https://twitter.com/search?q=%23WxT" data-widget-id="329066756620566528">Tweets about "#WxT"</a> </div>
- Configure the timeline according to Twitter's Customization Options documentation.
All configuration options are detailed in Twitter's Customization Options documentation.
|Event||Trigger||What it does|
||Triggered manually (e.g.,
||Used to manually initialize the Twitter embedded timeline. Note: The Twitter embedded timeline will be initialized automatically unless the required markup is added after the page has already loaded.|
||Triggered automatically after the Twitter embedded timeline initializes.||Used to identify where the Twitter embedded timeline was initialized (target of the event).
||Triggered automatically when WET has finished loading and executing.||Used to identify when all WET plugins and polyfills have finished loading and executing.
Twitter embedded timeline plugin source code on GitHub
- Date modified: