Overview | Docs | Twitter Developer

<!doctype html> <html lang="en" prefix="og: http://ogp.me/ns#"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview","20201201125233","http://web.archive.org/","web","/_static/", "1606827153"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Overview | Docs | Twitter Developer</title> <meta name="description"/> <link rel="canonical" href="http://web.archive.org/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview"/> <meta property="og:url" content="http://web.archive.org/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview"/> <meta property="og:type" content="article"/> <meta property="og:title" content="Overview"/> <meta property="og:image" content="http://web.archive.org/web/20201201125233im_/https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/icons/Twitter_Logo_WhiteOnBlue.png"/> <meta name="twitter:card" content="summary "/> <meta name="twitter:widgets:new-embed-design" content="on"/> <meta name="twitter:widgets:csp" content="on"/> <link href="http://web.archive.org/web/20201201125233im_/https://abs.twimg.com/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <script type="application/json" id="analytics-settings">{"google":{"accounts":[],"options":{"displayAdvertisingFeatures":false}},"scribe":{"scribeSectionWithImpression":false},"trackingPixel":{},"bing":{}}</script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/clientlibs/dtm/developer-twitter/c411b4930511/eb5ca470897a/launch-c9524692def8.min.js" async></script> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/developer-twitter/public/css/critical.css" media="all"/> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/developer-twitter/public/css/app.css" media="all"/> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/developer-twitter/public/css/universal.css" media="all"/> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/developer-twitter/public/css/structure.css" media="all"/> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/developer-twitter/public/css/content.css" media="all"/> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/developer-twitter/public/css/page.css" media="all"/> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/developer-twitter/public/css/docs.css" media="all"/> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/public/js/common.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/public/js/critical.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/onload.js"></script> </head> <body class="theme--blue page documentation-page " data-analytics-page="developer" data-analytics-section="docs" data-analytics-component="twitter-for-websites/embedded-tweets/overview" data-analytics-element="page"> <div id="component-wrapper"> <div class="u01-dtc-react__page-padding"></div> <div class="u01-dtc-react__top-nav-wrapper"> <div class="u01-dtc-react__container" data-root-page-title="Developer" data-home-path="/content/developer-twitter/en" data-nav-items=",,,,,,"></div> <div class="u01-dtc-react__search-modal theme-bg-color--dark"> <div class="search-bar search-bar--js theme-color--extra-light theme-fill-color--extra-light theme-border-color--extra-light" data-search-path="https://developer.twitter.com/en/search-results.html"> <input placeholder="Type your search here" type="search" autocomplete="off" class="search-bar__input" name="q"/><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewbox="0 0 50 50"><path d="M48.644 42.096l-7.409-7.409a4.606 4.606 0 0 0-3.915-1.295l-2.328-2.328a19.306 19.306 0 0 0 3.894-11.628 19.295 19.295 0 0 0-5.69-13.757A19.3 19.3 0 0 0 19.457-.009 19.347 19.347 0 0 0 5.685 5.699c-7.58 7.583-7.581 19.917-.004 27.495a19.31 19.31 0 0 0 13.743 5.693 19.28 19.28 0 0 0 11.639-3.893l2.327 2.327c-.193 1.389.227 2.847 1.295 3.915l7.409 7.409A4.627 4.627 0 0 0 45.37 50c1.185 0 2.37-.452 3.274-1.357a4.627 4.627 0 0 0 0-6.547zM31.939 19.439c0 6.904-5.596 12.5-12.5 12.5s-12.5-5.596-12.5-12.5 5.596-12.5 12.5-12.5 12.5 5.596 12.5 12.5z"/><path d="M48.644 42.096l-7.409-7.409a4.606 4.606 0 0 0-3.915-1.295l-2.328-2.328a19.306 19.306 0 0 0 3.894-11.628 19.295 19.295 0 0 0-5.69-13.757A19.3 19.3 0 0 0 19.457-.009 19.347 19.347 0 0 0 5.685 5.699c-7.58 7.583-7.581 19.917-.004 27.495a19.31 19.31 0 0 0 13.743 5.693 19.28 19.28 0 0 0 11.639-3.893l2.327 2.327c-.193 1.389.227 2.847 1.295 3.915l7.409 7.409A4.627 4.627 0 0 0 45.37 50c1.185 0 2.37-.452 3.274-1.357a4.627 4.627 0 0 0 0-6.547zM31.939 19.439c0 6.904-5.596 12.5-12.5 12.5s-12.5-5.596-12.5-12.5 5.596-12.5 12.5-12.5 12.5 5.596 12.5 12.5z"/></svg> </div> </div> </div> <div class="page-wrapper documentation-page"> <div class="u09 container is-hidden" aria-hidden="true"> <div class="u09__item u09__bg-color--neutral"> <div class="u09__inside-column"> <p class="u09__notification type--roman-16 color--neutral-white"> </p> </div> <div class="u09__close"> <button type="button" class="u09__close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="46" height="72" viewbox="0 0 46 72" class="u09__close twtr-icon fill-color--neutral-white"> <path d="M27.243 36l14.879-14.879a2.998 2.998 0 0 0 0-4.242 2.998 2.998 0 0 0-4.242 0L23 31.758 8.122 16.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242L18.758 36 3.879 50.879A2.998 2.998 0 0 0 6.001 56a2.99 2.99 0 0 0 2.121-.879L23 40.242l14.879 14.879A2.991 2.991 0 0 0 40 56a2.998 2.998 0 0 0 2.121-5.121L27.243 36z"/> </svg> </button> </div> </div> </div> <div class="page-content container left-rail-container"> <div class="sidebar-content docs-side-nav column column-3"> <span class="docs-side-nav__close fill-color--neutral-extra-light-gray"> <svg xmlns="http://www.w3.org/2000/svg" width="46" height="72" viewbox="0 0 46 72"><path d="M27.243 36l14.879-14.879a2.998 2.998 0 0 0 0-4.242 2.998 2.998 0 0 0-4.242 0L23 31.758 8.122 16.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242L18.758 36 3.879 50.879A2.998 2.998 0 0 0 6.001 56a2.99 2.99 0 0 0 2.121-.879L23 40.242l14.879 14.879A2.991 2.991 0 0 0 40 56a2.998 2.998 0 0 0 2.121-5.121L27.243 36z"></path></svg> </span> <div class="d08-navigation-sidebar" data-sidenav-json="{"navigationTitle":"Twitter for Websites","rootPageUrl":"/content/developer-twitter/en/docs/twitter-for-websites.html","navigationGroups":[{"groupName":"","navItems":[{"childNavItems":[{"title":"Webpage properties","url":"/content/developer-twitter/en/docs/twitter-for-websites/webpage-properties"},{"title":"Javascript API","url":"/content/developer-twitter/en/docs/twitter-for-websites/javascript-api"},{"title":"Supported languages and browsers","url":"/content/developer-twitter/en/docs/twitter-for-websites/supported-languages"},{"title":"Privacy","url":"/content/developer-twitter/en/docs/twitter-for-websites/privacy"}],"title":"Fundamentals","url":""},{"childNavItems":[],"title":"Tools and libraries","url":"/content/developer-twitter/en/docs/twitter-for-websites/tools-and-libraries"}],"groupUrl":""},{"groupName":"","navItems":[{"childNavItems":[],"title":"Embedded Tweets","url":"/content/developer-twitter/en/docs/twitter-for-websites/embedded-tweets"},{"childNavItems":[],"title":"Embedded timelines","url":"/content/developer-twitter/en/docs/twitter-for-websites/timelines"},{"childNavItems":[{"title":"Tweets","url":"/content/developer-twitter/en/docs/twitter-for-websites/tweet-button"},{"title":"Follow","url":"/content/developer-twitter/en/docs/twitter-for-websites/follow-button"},{"title":"Direct Message","url":"/content/developer-twitter/en/docs/twitter-for-websites/direct-message-button"}],"title":"Embedded buttons","url":""},{"childNavItems":[],"title":"Web intents","url":"/content/developer-twitter/en/docs/twitter-for-websites/web-intents"},{"childNavItems":[],"title":"Log in with Twitter","url":"/content/developer-twitter/en/docs/twitter-for-websites/log-in-with-twitter"},{"childNavItems":[],"title":"Optimize Tweets with Twitter Cards","url":"/content/developer-twitter/en/docs/twitter-for-websites/cards"},{"childNavItems":[],"title":"Publish faster articles with AMP","url":"/content/developer-twitter/en/docs/twitter-for-websites/amp"},{"childNavItems":[],"title":"Integrate Twitter with your CMS","url":"/content/developer-twitter/en/docs/twitter-for-websites/cms"}],"groupUrl":""}]}" data-include-breadcrumbs="true" data-search-path="https://developer.twitter.com/en/search-results.html"> </div> </div> <div class="main-content column column-9"> <div class="d05"> <div class="main-content__header"> <span><svg xmlns="http://www.w3.org/2000/svg" width="50" height="72" viewbox="0 0 50 72"><path d="M44 23H6a3 3 0 1 1 0-6h38a3 3 0 1 1 0 6zM44 39.007H6a3 3 0 1 1 0-6h38a3 3 0 1 1 0 6zM44 55H6a3 3 0 1 1 0-6h38a3 3 0 1 1 0 6z"/></svg> </span> <h1>Embedded Tweets</h1> </div> <div class="tabs-nav no-toc"> <ul class="tabs-nav__inner"> <li> <a class="active" href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview">Overview</a> </li> <li> <a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides">Guides</a> </li> <li> <a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/faq">FAQ</a> </li> </ul> </div> </div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p><a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview" title="Embedded Tweets" style="background-color: rgb(255,255,255);">Embedded Tweets</a> bring your pick of content from Twitter into your website articles. An embedded Tweet includes photos, video and cards media created for display on Twitter, and can even stream live video from Periscope. All aspects of Twitter’s display requirements are handled for you by using our tools; author attribution, Tweet actions, hashtags, mentions, and other key components of the Twitter experience.</p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <blockquote class="twitter-tweet" data-lang="en" data-align="center"><p lang="en" dir="ltr">Sunsets don't get much better than this one over <a href="http://web.archive.org/web/20201201125233/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="http://web.archive.org/web/20201201125233/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p> </p> <p>An embedded Tweet consists of two parts: An HTML snippet hosted in your web page, and the Twitter for Websites JavaScript to transform that code into a fully-rendered Tweet. You can copy embedded Tweet markup generated from the Tweet menu on Twitter.com or TweetDeck, paste a URL into a supporting CMS, or add a Tweet to the page programmatically using a JavaScript factory function.</p> <p> </p> </div> </div> <div class="c01-rich-text-editor"><div class="is-table-default"> <h2>Embed from Twitter.com</h2> <p>Every Tweet displayed on Twitter.com and in TweetDeck includes an embed code to easily copy-and-paste into your webpage. Activate the Tweet menu and select “Embed Tweet” to generate markup to include on your webpage:</p> <p> </p> </div> </div> <div class="c02-image-single"> <div class="image image--single " style="height: ;"> <img src="/web/20201201125233im_/https://developer.twitter.com/content/dam/developer-twitter/publisher-platform/tfw/embed-from-twitter.png.img.fullhd.medium." alt="Twitter.com embedded Tweet menu item" title="Twitter.com embedded Tweet menu item" width="100%" height="auto"/> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <h2>Convert Tweet URLs using oEmbed</h2> <p>Programmatically convert a Tweet URL into embedded Tweet markup using the <a href="http://web.archive.org/web/20201201125233/https://dev.twitter.com/rest/reference/get/statuses/oembed">oEmbed API</a>. Make embedding a Tweet in your CMS or app as simple as pasting a Tweet URL.</p> </div> </div> <div class="d02-inline-code-snippet"> <pre> <code class="d02-inline-code-snippet__copy">https://publish.twitter.com/oembed? url=https://twitter.com/Interior/status/463440424141459456</code> </pre> </div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p>Our <a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/cms-best-practices" style="background-color: rgb(255,255,255);" title="CMS best practices guide">CMS best practices guide</a> describes common patterns for sites adding software support for embedded Tweets.</p> <h2>Customize Tweet display</h2> <p>Customize an embedded Tweet for your site’s visual design and display preferences by including extra parameters in your embedded Tweet HTML.</p> <h3>Match your site’s color scheme</h3> <p>An embedded Tweet supports light and dark color themes. Customize Twitter widgets <a href="/web/20201201125233/https://developer.twitter.com/content/developer-twitter/en/docs/twitter-for-websites/webpage-properties/overview">at the page-level with <meta> elements</a> or <span class="code-inline">add data-*</span> attributes to individual generated <span class="code-inline"><blockquote></span> elements.</p> </div> </div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p>View our <a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-parameter-reference" title="embedded Tweet reference documentation">embedded Tweet reference documentation</a> for a full list of embedded Tweet options.</p> <h3>Don’t show previous Tweet in conversation thread</h3> <p>A Tweet may be in reply to another Tweet. By default, we include a summary of the previous Tweet in the conversation to provide context.</p> <p><b>Default View</b></p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <blockquote class="twitter-tweet" data-lang="en" data-align="center"><p lang="en" dir="ltr"><a href="http://web.archive.org/web/20201201125233/https://twitter.com/WilliamShatner?ref_src=twsrc%5Etfw">@WilliamShatner</a> Good day, Captain. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/ISS?src=hash&ref_src=twsrc%5Etfw">#ISS</a> is in standard orbit and Commander Swanson has the conn. Hope you’re having a great weekend!</p>— NASA (@NASA) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/NASA/status/495719809695621121?ref_src=twsrc%5Etfw">August 2, 2014</a></blockquote> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p><b>conversation = none</b></p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <blockquote class="twitter-tweet" data-lang="en" data-conversation="none" data-align="center"><p lang="en" dir="ltr"><a href="http://web.archive.org/web/20201201125233/https://twitter.com/WilliamShatner?ref_src=twsrc%5Etfw">@WilliamShatner</a> Good day, Captain. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/ISS?src=hash&ref_src=twsrc%5Etfw">#ISS</a> is in standard orbit and Commander Swanson has the conn. Hope you’re having a great weekend!</p>— NASA (@NASA) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/NASA/status/495719809695621121?ref_src=twsrc%5Etfw">August 2, 2014</a></blockquote> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p>Set an oEmbed query parameter of <span class="code-inline">hide_thread=true</span> or add a <span class="code-inline">data-conversation="none"</span> attribute to the resulting <span class="code-inline"><blockquote></span> element to prevent the display of a parent Tweet.</p> </div> </div> <div class="c01-rich-text-editor"><div class="is-table-default"> <h3>Hide photos, videos, and Cards</h3> <p>A Tweet may include a photo, video, or link to or other content supporting a <a href="http://web.archive.org/web/20201201125233/https://dev.twitter.com/cards/overview">Card</a>. By default, this media is displayed in embedded Tweets. You can hide this media if editorially desired.</p> <p><b>Default View</b></p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <blockquote class="twitter-tweet" data-lang="en" data-align="center"><p lang="en" dir="ltr">Sunsets don't get much better than this one over <a href="http://web.archive.org/web/20201201125233/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="http://web.archive.org/web/20201201125233/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p><b>cards = hidden</b></p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <blockquote class="twitter-tweet" data-cards="hidden" data-lang="en" data-align="center"><p lang="en" dir="ltr">Sunsets don't get much better than this one over <a href="http://web.archive.org/web/20201201125233/https://twitter.com/GrandTetonNPS">@GrandTetonNPS</a>. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/nature?src=hash">#nature</a> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/sunset?src=hash">#sunset</a> <a href="http://web.archive.org/web/20201201125233/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Dept of Interior (@Interior) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/Interior/status/463440424141459456">May 5, 2014</a></blockquote> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p>Set an oEmbed query parameter of <span class="code-inline" style="font-weight: 400;">hide_media=true</span><span style="color: rgb(101,119,134);font-weight: 400;"> or add a </span><span class="code-inline" style="font-weight: 400;">data-cards="hidden"</span><span style="color: rgb(101,119,134);font-weight: 400;"> attribute to the resulting </span><span class="code-inline" style="font-weight: 400;"><blockquote></span><span style="color: rgb(101,119,134);font-weight: 400;"> element to prevent expanded content display.<br/> </span></p> <h3>Customize Alignment</h3> <p>An embedded Tweet is aligned left by default. The Tweet can be center or right aligned if preferred using the align customization. While historically CSS provides numerous hacks for centering content on a web page, this is the recommended and official supported method.</p> <p><b>Default View</b></p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Sunsets don't get much better than this one over <a href="http://web.archive.org/web/20201201125233/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="http://web.archive.org/web/20201201125233/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p><b>align = center</b></p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <blockquote class="twitter-tweet" data-lang="en" data-align="center"><p lang="en" dir="ltr">Sunsets don't get much better than this one over <a href="http://web.archive.org/web/20201201125233/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="http://web.archive.org/web/20201201125233/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p><b>align = right</b></p> </div> </div> <div class="d07-raw-html"> <div class="d07"> <div class="clearfix-tfw"><blockquote class="twitter-tweet" data-lang="en" data-align="right"><p lang="en" dir="ltr">Sunsets don't get much better than this one over <a href="http://web.archive.org/web/20201201125233/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="http://web.archive.org/web/20201201125233/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="http://web.archive.org/web/20201201125233/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote></div> <style>.clearfix-tfw::after { display: block; content: ""; clear: both; }</style> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div></div> <div class="c01-rich-text-editor"><div class="is-table-default"> <p> </p> <h2>Render a Tweet with JavaScript</h2> <p>Our widget JavaScript scans the DOM on execution, converting <span class="code-inline">blockquote.twitter-tweet</span> elements into fully-rendered embedded Tweets based on element content.</p> <p>If dynamically inserting new content into a page, pass the new document fragment to <a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/javascript-api/guides/scripting-loading-and-initialization" title="twttr.widgets.load()">twttr.widgets.load()</a> to initialize embedded Tweet content.</p> <p>To directly render an embedded Tweet at runtime use the <a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-javascript-factory-function" title="twttr.widgets.createTweet()">twttr.widgets.createTweet()</a> function.</p> <p> </p> </div> </div> <div class="dtc11" data-csat-action="/content/developer-twitter/en/docs/twitter-for-websites/embedded-tweets/overview"> <div class="dtc11__item bg-color--neutral-extra-extra-light-gray"> <div class="dtc11__panel-wrapper swiper-wrapper"> <div class="dtc11__panel dtc11__panel--inquire swiper-slide swiper-no-swiping"> <div class="twtr-grid twtr-grid--justify-center"> <div class="dtc11__panel-content twtr-grid__col-24"> <h4 class="dtc11__title color--neutral-dark-gray type--bold-24">Was this document helpful?</h4> <div class="dtc11__icons"> <button class="dtc11__icon-item js-helpful-yes"> <img class="dtc11__icon--mood twtr-icon--lg" src="http://web.archive.org/web/20201201125233im_/https://cdn.cms-twdigitalassets.com/etc/designs/developer-twitter/public/svg/smile_rating_1_circle_fill_white.svg" alt="Yes"/> </button> <button class="dtc11__icon-item js-helpful-no"> <img class="dtc11__icon--mood twtr-icon--lg" src="http://web.archive.org/web/20201201125233im_/https://cdn.cms-twdigitalassets.com/etc/designs/developer-twitter/public/svg/smile_circle_fill.svg" alt="No"/> </button> </div> </div> </div> </div> <div class="dtc11__panel dtc11__panel--confirmation swiper-slide swiper-no-swiping"> <div class="twtr-grid twtr-grid--justify-center"> <div class="dtc11__panel-content twtr-grid__col-24 twtr-grid__col-md-14 twtr-grid__col-xl-8"> <div class="dtc11__icons"> <img class="dtc11__icon--mood twtr-icon--lg" src="http://web.archive.org/web/20201201125233im_/https://cdn.cms-twdigitalassets.com/etc/designs/developer-twitter/public/svg/smiley_sunglasses.svg" alt="Thank you"/> </div> <h4 class="dtc11__title color--neutral-dark-gray type--bold-24">Thank you for the feedback. We’re really glad we could help!</h4> </div> </div> </div> <div class="dtc11__panel dtc11__panel--more-info swiper-slide swiper-no-swiping"> <div class="twtr-grid twtr-grid--justify-center"> <div class="dtc11__panel-content twtr-grid__col-24 twtr-grid__col-md-14 twtr-grid__col-xl-8"> <h4 class="dtc11__title color--neutral-dark-gray type--bold-24">Thank you for the feedback. How could we improve this document?</h4> <div class="dtc11__form"> <form class="" action="index.html" method="post"> <div class="twtr-form__element-wrap"> <div class="twtr-form__radio"> <label class="twtr-form__radio-item"> <input class="twtr-form__radio-item--input" type="radio" name="csatFormOption" value="This page is missing information."/> <span class="twtr-form__radio-item-label color--neutral-dark-gray twtr-type--roman-16">This page is missing information.</span> <div class="twtr-form__radio-item--indicator"></div> </label> <label class="twtr-form__radio-item"> <input class="twtr-form__radio-item--input" type="radio" name="csatFormOption" value="The information was hard to follow or confusing."/> <span class="twtr-form__radio-item-label color--neutral-dark-gray twtr-type--roman-16">The information was hard to follow or confusing.</span> <div class="twtr-form__radio-item--indicator"></div> </label> <label class="twtr-form__radio-item"> <input class="twtr-form__radio-item--input" type="radio" name="csatFormOption" value="There is inaccurate information."/> <span class="twtr-form__radio-item-label color--neutral-dark-gray twtr-type--roman-16">There is inaccurate information.</span> <div class="twtr-form__radio-item--indicator"></div> </label> <label class="twtr-form__radio-item"> <input class="twtr-form__radio-item--input" type="radio" name="csatFormOption" value="There is a broken link or typo."/> <span class="twtr-form__radio-item-label color--neutral-dark-gray twtr-type--roman-16">There is a broken link or typo.</span> <div class="twtr-form__radio-item--indicator"></div> </label> <div class="dtc11__specific-feedback is-hidden"> <span class="twtr-form__radio-item-label color--neutral-dark-gray twtr-type--roman-16">Specific Feedback</span> <textarea name="additionalFeedback" class="twtr-form__textarea"></textarea> </div> </div> </div> <div class="dtc11__form-btns twtr-form__element-wrap twtr-form__element-wrap--right is-hidden"> <button class="twtr-btn--submit js-form-submit" type="button" name="button">Submit feedback</button> <button class="twtr-btn--cancel theme-color--dark js-form-skip" type="button" name="button">Skip</button> </div> </form> </div> </div> </div> </div> <div class="dtc11__panel swiper-slide swiper-no-swiping"> <div class="twtr-grid twtr-grid--justify-center"> <div class="dtc11__panel-content twtr-grid__col-24 twtr-grid__col-md-14 twtr-grid__col-xl-8"> <h4 class="dtc11__title color--neutral-dark-gray type--bold-24">Thank you for the feedback. Your comments will help us improve our documents in the future.</h4> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer twtr-dtc-background--extra-extra-light-gray"> <div class="footer--banner bg-color--neutral-white"> <div class="footer__row container"> <div class="footer-col--banner"> <a class="footer-col__footnote type--bold-14 twtr-dtc-color--light-gray has-hover" href="/web/20201201125233/https://developer.twitter.com/en/more/developer-terms.html" target="_blank" title="Developer agreement, policy & terms"> Developer agreement, policy & terms</a> </div> <div class="footer-col--banner"> <a class="footer-col__footnote type--bold-14 twtr-dtc-color--light-gray has-hover" href="http://web.archive.org/web/20201201125233/http://twitter.com/twitterdev" target="_blank" title="Follow @twitterdev"> Follow @twitterdev</a> </div> <div class="footer-col--banner"> <a class="c04-link-button c04-link-button--button" href="http://web.archive.org/web/20201201125233/https://developer.twitter.com/en/twitterdev-news-subscription" target="_self"> Subscribe to developer news </a> </div> </div> </div> <div class="footer__row container footer__row--main"> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://about.twitter.com/" title="About" target="_blank" class="footer-col__parent type--bold-14 twtr-dtc-color--dark-gray has-hover"> About <span class="icon-container js-accordion twtr-dtc-fill--extra-light-gray"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="20" viewbox="0 0 34 20"><path d="M17 12.758L5.121.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242l14 14a2.998 2.998 0 0 0 4.242 0l14-14C33.707 4.535 34 3.768 34 3s-.293-1.535-.879-2.121a2.998 2.998 0 0 0-4.242 0L17 12.758z"/></svg> </span> </a> <ul class="footer-col__list"> <li> <a href="http://web.archive.org/web/20201201125233/https://about.twitter.com/en_us/company.html" title="Company" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Company</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://about.twitter.com/en_us/advocacy.html" title="Advocacy" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Advocacy</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://about.twitter.com/en_us/safety.html" title="Safety" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Safety</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://blog.twitter.com/official/en_us.html" title="Blog" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Blog</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://about.twitter.com/en_us/company/brand-resources.html" title="Brand Resources" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Brand Resources</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://careers.twitter.com/en.html" title="Careers" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Careers</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://investor.twitterinc.com/" title="Investors" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Investors</a></li> </ul> </div> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://business.twitter.com/" title="Business" target="_blank" class="footer-col__parent type--bold-14 twtr-dtc-color--dark-gray has-hover"> Business <span class="icon-container js-accordion twtr-dtc-fill--extra-light-gray"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="20" viewbox="0 0 34 20"><path d="M17 12.758L5.121.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242l14 14a2.998 2.998 0 0 0 4.242 0l14-14C33.707 4.535 34 3.768 34 3s-.293-1.535-.879-2.121a2.998 2.998 0 0 0-4.242 0L17 12.758z"/></svg> </span> </a> <ul class="footer-col__list"> <li> <a href="http://web.archive.org/web/20201201125233/https://business.twitter.com/en/advertising.html" title="About Twitter Ads" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">About Twitter Ads</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://business.twitter.com/en/targeting.html" title="Targeting" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Targeting</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://business.twitter.com/en/advertising/analytics.html" title="Analytics" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Analytics</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://business.twitter.com/en/help.html" title="Ads support" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Ads support</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://blog.twitter.com/small-business" title="Business blog" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Business blog</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://ads.twitter.com/?ref=en-btc-gobal-footer" title="Advertise" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Advertise</a></li> </ul> </div> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://dev.twitter.com/" title="Developers" target="_blank" class="footer-col__parent type--bold-14 twtr-dtc-color--dark-gray has-hover"> Developers <span class="icon-container js-accordion twtr-dtc-fill--extra-light-gray"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="20" viewbox="0 0 34 20"><path d="M17 12.758L5.121.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242l14 14a2.998 2.998 0 0 0 4.242 0l14-14C33.707 4.535 34 3.768 34 3s-.293-1.535-.879-2.121a2.998 2.998 0 0 0-4.242 0L17 12.758z"/></svg> </span> </a> <ul class="footer-col__list"> <li> <a href="http://web.archive.org/web/20201201125233/https://dev.twitter.com/overview/documentation" title="Documentation" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Documentation</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://twittercommunity.com/" title="Forums" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Forums</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://dev.twitter.com/community" title="Communities" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Communities</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://blog.twitter.com/developer" title="Developer blog" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Developer blog</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://blog.twitter.com/engineering" title="Engineering blog" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Engineering blog</a></li> </ul> </div> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/" title="Help Center" target="_blank" class="footer-col__parent type--bold-14 twtr-dtc-color--dark-gray has-hover"> Help Center <span class="icon-container js-accordion twtr-dtc-fill--extra-light-gray"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="20" viewbox="0 0 34 20"><path d="M17 12.758L5.121.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242l14 14a2.998 2.998 0 0 0 4.242 0l14-14C33.707 4.535 34 3.768 34 3s-.293-1.535-.879-2.121a2.998 2.998 0 0 0-4.242 0L17 12.758z"/></svg> </span> </a> <ul class="footer-col__list"> <li> <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/using-twitter" title="Using Twitter" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Using Twitter</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/managing-your-account" title="Managing your account" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Managing your account</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/safety-and-security" title="Safety and security" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Safety and security</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/rules-and-policies" title="Rules and policies" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Rules and policies</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/contact-us" title="Contact us" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Contact us</a></li> </ul> </div> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://marketing.twitter.com/" title="Marketing" target="_blank" class="footer-col__parent type--bold-14 twtr-dtc-color--dark-gray has-hover"> Marketing <span class="icon-container js-accordion twtr-dtc-fill--extra-light-gray"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="20" viewbox="0 0 34 20"><path d="M17 12.758L5.121.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242l14 14a2.998 2.998 0 0 0 4.242 0l14-14C33.707 4.535 34 3.768 34 3s-.293-1.535-.879-2.121a2.998 2.998 0 0 0-4.242 0L17 12.758z"/></svg> </span> </a> <ul class="footer-col__list"> <li> <a href="http://web.archive.org/web/20201201125233/https://marketing.twitter.com/na/en/insights.html" title="Insights" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Insights</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://marketing.twitter.com/na/en/success-stories.html" title="Success Stories" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Success Stories</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://marketing.twitter.com/na/en/solutions.html" title="Solutions" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Solutions</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://marketing.twitter.com/na/en/collections.html" title="Collections" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Collections</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://blog.twitter.com/en_us/tags.blog--marketing.html" title="Marketing blog" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Marketing blog</a></li> <li> <a href="http://web.archive.org/web/20201201125233/https://www.twitterflightschool.com/sl/382652bc" title="Twitter Flight School" target="_blank" class="footer-col__link type--roman-14 twtr-dtc-color--dark-gray has-hover">Twitter Flight School</a></li> </ul> </div> </div> <div class="footer__row container"> <div class="footer-col"> <p class="footer-col__footnote type--roman-14 twtr-dtc-color--extra-light-gray">© 2020 Twitter, Inc.</p> </div> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/rules-and-policies/twitter-cookies" title="Cookies" target="_blank" class="footer-col__footnote type--roman-14 twtr-dtc-color--light-gray has-hover"> Cookies </a> </div> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/privacy" title="Privacy" target="_blank" class="footer-col__footnote type--roman-14 twtr-dtc-color--light-gray has-hover"> Privacy </a> </div> <div class="footer-col"> <a href="http://web.archive.org/web/20201201125233/https://twitter.com/tos" title="Terms and conditions" target="_blank" class="footer-col__footnote type--roman-14 twtr-dtc-color--light-gray has-hover"> Terms and conditions </a> </div> <div class="footer-col"> <div class="language-selector"> <button class="lang-selection type--roman-14 twtr-dtc-color--light-gray has-hover"> Language </button> <div class="lang-flyout is-hidden" data-all-languages="en,"> <ul class="lang-languages" data-columns="0"> <li class="lang-languages-item"> <a href="/web/20201201125233/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview" data-iso-code="en" class="twtr-scribe-clicks type--roman-16" data-twtr-scribe-section="u08-language-selector" data-twtr-scribe-element="928A" data-twtr-scribe-component="developer"> Developer </a> </li> </ul> </div> </div> </div> </div> </footer>  <div class="c20-modal__modal module-modal" data-modal="true"> <div class="c20-modal__scrollable" data-modal-scroll-container="true"> <div class="c20-modal__details" data-modal-content-container="true">  </div> <ul class="c20-modal__navigation"> <li class="c20-modal__navigation-prev" data-modal-nav="prev-link" aria-label="Read previous biography"> <span class="c20-modal__navigation-label">Read Previous</span> <span class="c20-modal__navigation-text" data-modal-nav="prev-text"></span> </li> <li class="c20-modal__navigation-next" data-modal-nav="next-link" aria-label="Read next biography"> <span class="c20-modal__navigation-label">Read Next</span> <span class="c20-modal__navigation-text" data-modal-nav="next-text"></span> </li> </ul> </div> </div> <div class="module-modal__close-container"> <div class="c20-modal__modal-close module-modal__close" data-trigger="close-modal"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40"><path d="M24.242 20L39.121 5.121a2.998 2.998 0 0 0 0-4.242 2.998 2.998 0 0 0-4.242 0l-14.88 14.879L5.122.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242L15.758 20 .879 34.879A2.998 2.998 0 0 0 3.001 40a2.99 2.99 0 0 0 2.121-.879L20 24.242l14.879 14.879a2.987 2.987 0 0 0 2.12.879 2.998 2.998 0 0 0 2.121-5.121L24.242 20z"/></svg> </div> </div>  </div> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/clientlibs/dtm/developer-twitter/c411b4930511/eb5ca470897a/launch-c9524692def8.min.js" async></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/public/js/app.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/public/js/universal.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/public/js/structure.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/public/js/content.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/public/js/docs.js"></script> <script async src="http://web.archive.org/web/20201201125233js_/https://platform.twitter.com/widgets.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/developer-twitter/clientlib-twtr-profile-adapter.min.js"></script> <div id="u12" class="u12-data-protection-notice"> <div class="u12-data-protection-notice__item u12-data-protection-notice__item--a"> <div class="js-eu-countries-list" data-eu-countries-list="[AT,BE,BG,CY,CZ,DK,EE,FI,FR,DE,EL,HU,IE,IT,LV,LT,LU,MT,NL,PL,PT,RO,SK,SI,ES,SE,UK,IS,NO,LI,CH]"></div> <div class="u12a-eu-cookie-notice js-eu-cookie-notice" id="u12a" data-cname="eu_cn"> <div class="u12a-eu-cookie-notice__item u12-data-protection-notice__notice"> <div class="u12a-eu-cookie-notice__content"> <div class="u12a-eu-cookie-notice__copy"> <p class="mtc-font twtr-font js-cookie-copy"> By using Twitter’s services you agree to our <a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/en/rules-and-policies/twitter-cookies" target="_blank">Cookies Use</a>. We use cookies for purposes including analytics, personalisation, and ads. </p> </div> <div class="u12a-eu-cookie-notice__choice"> <ul class="u12a-eu-cookie-notice__choice-list"> <li><button class="u12a-eu-cookie-notice__button is-blue u12a-eu-cookie-notice__button--accept mtc-font twtr-font js-accept">OK</button></li> </ul> </div> </div> </div> </div> </div> <div class="u12-data-protection-notice__item u12-data-protection-notice__item--b is-hidden"> <div class="u12b-opt-in" id="u12b" data-cname="des_opt_in"> <div class="u12b-opt-in__item u12-data-protection-notice__notice"> <div class="u12b-opt-in__content"> <div class="u12b-opt-in__copy"> <p class="mtc-font twtr-font"> This page and certain other Twitter sites place and read third party cookies on your browser that are used for non-essential purposes including targeting of ads. Through these cookies, <u><a href="http://web.archive.org/web/20201201125233/https://policies.google.com/privacy?hl=en">Google</a></u>, <u><a href="http://web.archive.org/web/20201201125233/https://www.linkedin.com/legal/privacy-policy" target="_blank">LinkedIn</a></u> and <u><a href="http://web.archive.org/web/20201201125233/https://www.demandbase.com/privacy-policy/">Demandbase</a></u> collect personal data about you for their own purposes. <u><a href="http://web.archive.org/web/20201201125233/https://help.twitter.com/en/rules-and-policies/twitter-cookies">Learn more</a></u>.<br> <br> </p> </div> <div class="u12b-opt-in__choice"> <ul class="u12b-opt-in__choice-list"> <li><button class="u12b-opt-in__button is-blue u12b-opt-in__button--accept mtc-font twtr-font js-accept">Accept</button></li> <li><button class="u12b-opt-in__button is-naked u12b-opt-in__button--decline mtc-font twtr-font js-decline">Decline</button></li> </ul> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/web/20201201125233cs_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-u12-data-protection-notice.min.css" type="text/css"> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-promise-polyfill.min.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-twtr-profile-adapter.min.js"></script> <script type="text/javascript" src="/web/20201201125233js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-u12-data-protection-notice.min.js"></script> </body> </html>

CINXE.COM

Overview | Docs | Twitter Developer