Display organization or department tweets on your site.

Best practices

  • Only use when your Twitter handle is active.
  • Strive to use one social feed per web page. Choose the feed that is most active or applicable.
  • Use as supplemental content on a web page. Use rich text blocks to provide primary content.
  • Use within a 50% or 66% column width to accommodate feed images and other wide content.
  • Handle: @twitter-feed
  • Preview:
  • Filesystem Path: src/components/02-blocks/feeds/twitter-feed/twitter-feed.hbs
<article class="ContentBlock TwitterTimeline Page10">
    <a class="twitter-timeline" data-height="300" data-link-color="#5e0009" data-dnt="true" data-chrome="nofooter" href="https://twitter.com/missouristate">Tweets by @missouristate</a>
    <script>
        ! function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (!d.getElementById(id)) {
                js = d.createElement(s);
                js.id = id;
                js.src = "https://platform.twitter.com/widgets.js";
                fjs.parentNode.insertBefore(js, fjs);
            }
        }(document, "script", "twitter-wjs");
    </script>
</article>
<article class="ContentBlock TwitterTimeline Page{{pageId}}">
    <a class="twitter-timeline" data-height="{{height}}" data-link-color="#5e0009" data-dnt="true" data-chrome="nofooter" href="https://twitter.com/{{username}}" {{#if widgetID}} data-widget-id=" {{widgetId}}" {{/if}}>Tweets by @{{username}}</a>
    <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>
</article>
{
  "pageId": 10,
  "username": "missouristate",
  "widgetId": null,
  "height": "300"
}