Overview | Docs | Twitter Developer Platform

<!DOCTYPE html> <html lang="en" dir="lrt" prefix="og: http://ogp.me/ns#" data-behavior="i18n" data-environment="prod" data-server-mode="publish" data-dc="s" class=" twtr-type--chirp"> <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("https://web.archive.org/web"); __wm.wombat("https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview","20210814081516","https://web.archive.org/","web","/_static/", "1628928916"); </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 Platform </title> <meta name="description"/> <link rel="canonical" href="https://web.archive.org/web/20210814081516/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview"/> <meta property="og:url" content="https://web.archive.org/web/20210814081516/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="https://web.archive.org/web/20210814081516im_/https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/og-social-card/devwebsite_card_tn.jpg.twimg.768.jpg"/> <meta name="keywords"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:widgets:new-embed-design" content="on"/> <meta name="twitter:widgets:csp" content="on"/> <link href="https://web.archive.org/web/20210814081516im_/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> <link rel="preload" href="https://web.archive.org/web/20210814081516/https://fonts.twitter.com/chirp/chirp-bold-italic-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20210814081516/https://fonts.twitter.com/chirp/chirp-bold-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20210814081516/https://fonts.twitter.com/chirp/chirp-display-extended-black-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20210814081516/https://fonts.twitter.com/chirp/chirp-regular-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20210814081516/https://fonts.twitter.com/chirp/chirp-regular-italic-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20210814081516/https://fonts.twitter.com/chirp/chirp-extended-bold-web.woff2" as="font" type="font/woff2" crossorigin/> <script type="text/javascript" src="/web/20210814081516js_/https://developer.twitter.com/etc/clientlibs/dtm/developer-twitter/c411b4930511/eb5ca470897a/launch-c9524692def8.min.js.twhash.s.f.a516725321ef15f5c453b83096f6f142.js" async></script> <link rel="stylesheet" href="/web/20210814081516cs_/https://developer.twitter.com/etc/designs/developer2-twitter/public/css/chirp.css.twhash.s.f.c5bbee761a434dd88b6d3fff78ea5364.css" media="screen" type="text/css"/> <link rel="stylesheet" href="/web/20210814081516cs_/https://developer.twitter.com/etc/designs/developer2-twitter/public/css/legacy-colors.css.twhash.s.f.501204eb8f27416f41b70622d57dea1c.css" type="text/css"/> <link rel="stylesheet" href="/web/20210814081516cs_/https://developer.twitter.com/etc/designs/developer2-twitter/public/css/project.css.twhash.s.f.124945023ee0ce06299415745baefea2.css" media="screen" type="text/css"/> <link rel="stylesheet" href="/web/20210814081516cs_/https://developer.twitter.com/etc/designs/developer2-twitter/public/css/print.css.twhash.s.f.1a8bb2fd0a6938557399328158f0824e.css" media="print" type="text/css"/> <script src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/common-twitter/global-vars.min.twhash.s.cl.d124ce9017ad534db9653f8308be25d0.js"></script> <script src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-twtr-scribe.min.twhash.s.cl.194e09295d8f3c5dd0438f62b5b891a4.js"></script> </head> <body class=" twtr-theme--blue page documentation-page page--legacy-nav twtr-color-bg--white-neutral js-no-scroll atm-light " style="--theme-color: var(--blue-dark)" data-analytics-page="developer" data-analytics-section="docs" data-analytics-component="twitter-for-websites/embedded-tweets/overview" data-analytics-element="page"> <div id="twtr-dtc-main" style="--nav-height: var(--navbar-short)" data-dtc-rebrand-on="true" class="dtc-rebrand-flag-on"> <div id="twBearerToken" data-value="AAAAAAAAAAAAAAAAAAAAACHguwAAAAAAaSlT0G31NDEyg%2BSnBN5JuyKjMCU%3Dlhg0gv0nE7KKyiJNEAojQbn8Y3wJm1xidDK7VnKGBP4ByJwHPb" style="display:none"></div> <div id="twAuthenticationFlag" data-value="guest" style="display:none"></div> <div id="twGeoLocationRegion" data-value="other" style="display:none"></div> <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 Platform" data-home-path="/content/developer-twitter/en" data-nav-items=",,,,,,," data-icon-chevron-right="<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" class="twtr-icon"> <path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" class="twtr-icon u01b__icon-arrow-left"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"> <g transform="translate(-1216.000000, -298.000000)" stroke-width="2.25"> <g transform="translate(1200.000000, 282.000000)"> <g transform="translate(17.000000, 17.000000)"> <path d="M0.756410256,12.8589744 L25.7179487,12.8589744"></path> <path d="M13.2371795,25.3397436 L25.7179487,12.8589744"></path> <path d="M13.2371795,12.4807692 L25.3397436,0.378205128" transform="translate(19.288462, 6.429487) rotate(-90.000000) translate(-19.288462, -6.429487) "></path> </g> </g> </g> </g> </svg>" data-icon-close="<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" aria-hidden="true" focusable="false" class="twtr-icon--md"> <g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2,4.8c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4 l5.8,5.8l-5.8,5.8c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l5.8-5.8l5.8,5.8c0.2,0.2,0.5,0.3,0.7,0.3 s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L13.4,12z" /> </svg>"></div> <div class="u01-dtc-react__search-modal twtr-color-bg--blue-dark"> <div class="search-bar search-bar--js" data-theme="blue" 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" tabindex="-1"/> <button id="u04-search__button" class="u04-search__button" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" class="twtr-icon--mega twtr-color-fill--white-neutral"> <path opacity="0" d="M0 0h24v24H0z"/> <path d="M22.06 19.94l-3.73-3.73C19.38 14.737 20 12.942 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c1.943 0 3.738-.622 5.21-1.67l3.73 3.73c.292.294.676.44 1.06.44s.768-.146 1.06-.44c.586-.585.586-1.535 0-2.12zM11 17c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6-2.692 6-6 6z"/> </svg> </button> </div> </div> </div> <main class="twtr-color-bg--white-neutral" id="twtr-main"> <div class="page-wrapper documentation-page twtr-color-bg--white-neutral"> <div class="page-content twtr-container-wide left-rail-container"> <div class="sidebar-content docs-side-nav twtr-col-lg-3"> <div class="sidebar-content__wrapper"> <span class="docs-side-nav__close"> <svg xmlns="http://www.w3.org/2000/svg" width="46" height="72" viewbox="0 0 46 72" aria-hidden="true" focusable="false"> <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":"oEmbed API","url":"/content/developer-twitter/en/docs/twitter-for-websites/oembed-api"},{"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> <div class="main-content twtr-col-lg-9"> <div class="main-content__wrapper"> <div class="u07 twtr-container is-hidden" aria-hidden="true"> <div class="u07__item twtr-padding__paragraph--top twtr-padding__paragraph--bottom u07__bg-color--neutral"> <div class="twtr-grid"> <div class="twtr-col-md-10 twtr-offset-1-md"> <div class="u07__notification twtr-type--roman-150 twtr-color--gray-0"> </div> </div> </div> <div class="u07__close"> <button type="button" class="u07__close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="46" height="72" viewbox="0 0 46 72" aria-hidden="true" focusable="false" class="u07__close twtr-icon twtr-color-fill--white-neutral"> <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="d05"> <div class="d05__header main-content__header"> <span class="d05__header-icon"><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> <span class="d05__header-title">Embedded Tweets</span> </div> <div class="d05__tabs-nav d05__tabs-nav--no-toc"> <ul class="d05__tabs-nav-inner"> <li class="d05__tabs-nav-item"> <a class="d05__tabs-nav-item--link is-active" href="/web/20210814081516/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview">Overview</a> </li> <li class="d05__tabs-nav-item"> <a class="d05__tabs-nav-item--link " href="/web/20210814081516/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides">Guides</a> </li> <li class="d05__tabs-nav-item"> <a class="d05__tabs-nav-item--link " href="/web/20210814081516/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/20210814081516/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="https://web.archive.org/web/20210814081516/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20210814081516/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20210814081516/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20210814081516js_/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="b04-image"> <div class="b04 twtr-component-space--md "> <div class="b04__image b04__image--fixed"> <picture> <source srcset="https://web.archive.org/web/20210814081516im_/https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/publisher-platform/tfw/Embed-Tweet.jpg.twimg.768.jpg" media="(max-width: 767px)"/> <source srcset="https://web.archive.org/web/20210814081516im_/https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/publisher-platform/tfw/Embed-Tweet.jpg.twimg.2560.jpg" media="(min-width: 1920px)"/> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1310 937'%3E%3C/svg%3E" style="width: 1310px" data-src="https://web.archive.org/web/20210814081516/https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/publisher-platform/tfw/Embed-Tweet.jpg.twimg.1920.jpg" alt="Twitter.com embedded Tweet menu item" data-object-fit="cover" class="b04__img b04__img-cover b04__img--fixed is-aligned-center lazyload "/> </picture> </div> </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="https://web.archive.org/web/20210814081516/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="b19-code-snippet twtr-component-space--md"> <div class="b19-snippet b19__theme--light">    <div class="t05-inline-code-snippet ">  <pre class="line-numbers "> <code tabindex="0" class="t05__copy language-bash">https://publish.twitter.com/oembed? url=https://twitter.com/Interior/status/463440424141459456</code> </pre> </div> </div> </div> <div class="c01-rich-text-editor"> <div class="is-table-default"> <p>Our <a href="/web/20210814081516/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/20210814081516/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/20210814081516/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="https://web.archive.org/web/20210814081516/https://twitter.com/WilliamShatner?ref_src=twsrc%5Etfw">@WilliamShatner</a> Good day, Captain. <a href="https://web.archive.org/web/20210814081516/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="https://web.archive.org/web/20210814081516/https://twitter.com/NASA/status/495719809695621121?ref_src=twsrc%5Etfw">August 2, 2014</a></blockquote> <script async src="https://web.archive.org/web/20210814081516js_/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="https://web.archive.org/web/20210814081516/https://twitter.com/WilliamShatner?ref_src=twsrc%5Etfw">@WilliamShatner</a> Good day, Captain. <a href="https://web.archive.org/web/20210814081516/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="https://web.archive.org/web/20210814081516/https://twitter.com/NASA/status/495719809695621121?ref_src=twsrc%5Etfw">August 2, 2014</a></blockquote> <script async src="https://web.archive.org/web/20210814081516js_/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="https://web.archive.org/web/20210814081516/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="https://web.archive.org/web/20210814081516/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20210814081516/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20210814081516/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20210814081516js_/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="https://web.archive.org/web/20210814081516/https://twitter.com/GrandTetonNPS">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/nature?src=hash">#nature</a> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/sunset?src=hash">#sunset</a> <a href="https://web.archive.org/web/20210814081516/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Dept of Interior (@Interior) <a href="https://web.archive.org/web/20210814081516/https://twitter.com/Interior/status/463440424141459456">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20210814081516js_/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="https://web.archive.org/web/20210814081516/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20210814081516/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20210814081516/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20210814081516js_/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="https://web.archive.org/web/20210814081516/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20210814081516/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20210814081516/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20210814081516js_/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="https://web.archive.org/web/20210814081516/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20210814081516/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20210814081516/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="https://web.archive.org/web/20210814081516js_/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/20210814081516/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/20210814081516/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 twtr-background--gray-50"> <div class="dtc11__panel-wrapper swiper-wrapper"> <div class="dtc11__panel dtc11__panel--inquire swiper-slide swiper-no-swiping"> <div class="dtc11__panel-content"> <span class="dtc11__title twtr-color--gray-500 twtr-type--bold-400">Was this document helpful?</span> <div class="dtc11__icons"> <button class="dtc11__icon-item js-helpful-yes"> <img class="dtc11__icon--mood twtr-icon--lg" src="https://web.archive.org/web/20210814081516im_/https://cdn.cms-twdigitalassets.com/etc/designs/developer2-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="https://web.archive.org/web/20210814081516im_/https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/svg/smile_circle_fill.svg" alt="No"/> </button> </div> </div> </div> <div class="dtc11__panel dtc11__panel--confirmation swiper-slide swiper-no-swiping"> <div class="dtc11__panel-content"> <div class="dtc11__icons"> <img class="dtc11__icon--mood twtr-icon--lg" src="https://web.archive.org/web/20210814081516im_/https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/svg/smiley_sunglasses.svg" alt="Thank you"/> </div> <h4 class="dtc11__title twtr-color--gray-500 twtr-type--bold-400">Thank you for the feedback. We’re really glad we could help!</h4> </div> </div> <div class="dtc11__panel dtc11__panel--more-info swiper-slide swiper-no-swiping"> <div class="dtc11__panel-content"> <span class="dtc11__title twtr-color--gray-500 twtr-type--bold-400">Thank you for the feedback. How could we improve this document?</span> <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 twtr-color--gray-500 twtr-type--roman-150">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 twtr-color--gray-500 twtr-type--roman-150">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 twtr-color--gray-500 twtr-type--roman-150">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 twtr-color--gray-500 twtr-type--roman-150">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 twtr-color--gray-500 twtr-type--roman-150">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 twtr-theme-color--dark js-form-skip" type="button" name="button">Skip</button> </div> </form> </div> </div> </div> <div class="dtc11__panel dtc11__panel--thank-you swiper-slide swiper-no-swiping"> <div class="dtc11__panel-content"> <span class="dtc11__title twtr-color--gray-500 twtr-type--bold-400">Thank you for the feedback. Your comments will help us improve our documents in the future.</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <div> <footer class="u02fs twtr-background--blue-extra-light twtr-background--gray-0"> <div class="twtr-container"> <div class="twtr-grid"> <div class="u02fs__footer-link-col twtr-col-12 twtr-col-md-4"> <a href="/web/20210814081516/https://developer.twitter.com/en/more/developer-terms.html" title="Developer policy and terms" target="_blank" class="u02fs__footer-link twtr-type--roman-50 twtr-color--gray-900"> Developer policy and terms </a> </div> <div class="u02fs__footer-link-col twtr-col-12 twtr-col-md-4"> <a href="https://web.archive.org/web/20210814081516/http://twitter.com/twitterdev" title="Follow @twitterdev" target="_blank" class="u02fs__footer-link twtr-type--roman-50 twtr-color--gray-900"> Follow @twitterdev </a> </div> <div class="u02fs__footer-link-col twtr-col-12 twtr-col-md-4 u02fs__subscribe-button-col"> <a class="b03__button twtr-btn twtr-btn--secondary twtr-btn--size-default twtr-btn-color--secondary-blue u02fs__button twtr-btn__icon-- twtr-scribe-clicks" href="https://web.archive.org/web/20210814081516/https://developer.twitter.com/en/twitterdev-news-subscription" rel="noopener noreferrer" target="_blank" data-twtr-scribe-section="b03-button" data-twtr-scribe-element="SYKW" data-twtr-scribe-component="subscribe-to-developer-news" data-text="Subscribe to developer news">  Subscribe to developer news </a> </div> </div> </div> </footer> </div> <div> <footer class="u02 twtr-color-bg--black-neutral"> <div class="twtr-container"> <div class="u02__wrapper"> <div class="u02__row u02__network-map"> <div class="twtr-grid u02__twtr-grid"> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Twitter platform <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z"/> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/" title="Twitter.com" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Twitter.com </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://status.twitterstat.us/" title="Status" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Status </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://cards-dev.twitter.com/validator" title="Card validator" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Card validator </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://privacy.twitter.com/" title="Privacy Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Privacy Center </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://transparency.twitter.com/" title="Transparency Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Transparency Center </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Twitter, Inc. <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z"/> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://about.twitter.com/en/who-we-are/our-company.html" title="About the company" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> About the company </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://about.twitter.com/en/who-we-are/twitter-for-good.html" title="Twitter for Good" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Twitter for Good </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://blog.twitter.com/" title="Company news" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Company news </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://about.twitter.com/en/who-we-are/brand-toolkit.html" title="Brand toolkit" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Brand toolkit </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://careers.twitter.com/" title="Jobs and internships" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Jobs and internships </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://investor.twitterinc.com/" title="Investors" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Investors </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Help <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z"/> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/" title="Help Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Help Center </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/en/using-twitter" title="Using Twitter" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Using Twitter </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://media.twitter.com/" title="Twitter Media" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Twitter Media </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://business.twitter.com/en/help.html" title="Ads Help Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Ads Help Center </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/en/managing-your-account" title="Managing your account" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Managing your account </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/en/safety-and-security" title="Safety and security" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Safety and security </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/en/rules-and-policies" title="Rules and policies" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Rules and policies </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/en/forms" title="Contact us" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Contact us </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Developer resources <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z"/> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://developer.twitter.com/en" title="Developer home" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Developer home </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://developer.twitter.com/en/docs" title="Documentation" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Documentation </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://twittercommunity.com/" title="Forums" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Forums </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://developer.twitter.com/en/community" title="Communities" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Communities </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://blog.twitter.com/developer/" title="Developer blog" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Developer blog </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://blog.twitter.com/engineering/en_us.html" title="Engineering blog" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Engineering blog </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://developer.twitter.com/en/more/developer-terms" title="Developer terms" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Developer terms </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Business resources <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z"/> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://business.twitter.com/en/advertising.html" title="Advertise" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Advertise </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://business.twitter.com/" title="Twitter for business" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Twitter for business </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://business.twitter.com/en/resources.html" title="Resources and guides" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Resources and guides </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://marketing.twitter.com/" title="Twitter for marketers" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Twitter for marketers </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://marketing.twitter.com/en/insights" title="Marketing insights" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Marketing insights </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://marketing.twitter.com/en/success-stories" title="Brand inspiration" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Brand inspiration </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://data.twitter.com/" title="Twitter Data" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Twitter Data </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20210814081516/https://www.twitterflightschool.com/sl/382652bc" title="Twitter Flight School" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Twitter Flight School </a> </li> </ul> </div> </div> </div> <div class="u02__row u02__legal twtr-spacing--pt-500"> <div class="twtr-grid u02__twtr-grid"> <div class="u02__column u02__column--bottom"> <span class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque"> © 2021 Twitter, Inc. </span> </div> <div class="u02__column u02__column--bottom"> <a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/rules-and-policies/twitter-cookies" title="Cookies" target="_blank" class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Cookies </a> </div> <div class="u02__column u02__column--bottom"> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/privacy" title="Privacy" target="_blank" class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Privacy </a> </div> <div class="u02__column u02__column--bottom"> <a href="https://web.archive.org/web/20210814081516/https://twitter.com/tos" title="Terms and conditions" target="_blank" class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Terms and conditions </a> </div> <div class="u02__column u02__column--bottom u08__language-selector"> </div> </div> </div> </div> </div> </footer> </div> <script type="text/javascript" src="/web/20210814081516js_/https://developer.twitter.com/etc/clientlibs/dtm/developer-twitter/c411b4930511/eb5ca470897a/launch-c9524692def8.min.js.twhash.s.f.a516725321ef15f5c453b83096f6f142.js" async></script> <script async src="https://web.archive.org/web/20210814081516js_/https://platform.twitter.com/widgets.js"></script> <div id="page-props" data-page-title="Overview" data-page-path="/content/developer-twitter/en/docs/twitter-for-websites/embedded-tweets/overview"> </div> <script type="text/javascript" src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/developer2-twitter/public/js/core.js.twhash.s.f.e49cd32b30e42e5c0e34560952d19179.js"></script> <script type="text/javascript" src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/developer2-twitter/public/js/project.js.twhash.s.f.13eda4d48e18476b0b622d2ed587da57.js"></script> <script src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/developer-twitter/clientlib-twtr-profile-adapter.min.twhash.s.cl.c3b119a4cc2249caed364b89790624a4.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="https://web.archive.org/web/20210814081516/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="https://web.archive.org/web/20210814081516/https://policies.google.com/privacy?hl=en">Google</a></u>, <u><a href="https://web.archive.org/web/20210814081516/https://www.linkedin.com/legal/privacy-policy" target="_blank">LinkedIn</a></u> and <u><a href="https://web.archive.org/web/20210814081516/https://www.demandbase.com/privacy-policy/">Demandbase</a></u> collect personal data about you for their own purposes. <u><a href="https://web.archive.org/web/20210814081516/https://help.twitter.com/en/rules-and-policies/twitter-cookies">Learn more</a></u>.<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/20210814081516cs_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-u12-data-protection-notice.min.twhash.s.cl.e5f41c96ebe26adc278fe501d69fdebf.css" type="text/css"> <script src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-promise-polyfill.min.twhash.s.cl.678c3c47bfcf62393184734a7204fcdf.js"></script> <script src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-twtr-profile-adapter.min.twhash.s.cl.2f6a2e41ae41c33aba9f8a7dcf876eb6.js"></script> <script src="/web/20210814081516js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-u12-data-protection-notice.min.twhash.s.cl.9c34f76a4ab517d890765dd40fd17dd6.js"></script> </div> </body> </html>

CINXE.COM

Overview | Docs | Twitter Developer Platform