Overview | Docs | Twitter Developer Platform

<!DOCTYPE html> <html lang="en" dir="ltr" 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","20220409164956","https://web.archive.org/","web","/_static/", "1649522996"); </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/20220409164956/https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview"/> <meta property="og:url" content="https://web.archive.org/web/20220409164956/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/20220409164956im_/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/20220409164956im_/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="application/json" class="u14-data-layer" data-component="u14-data-layer" id="data-layer">{"page":{"pageId":"f1bf91a","pageKey":"f1bf91a-en-en","pageName":"Overview","pagePath":"/content/developer-twitter/en/docs/twitter-for-websites/embedded-tweets/overview","pageType":"documentation-page","language":"en","geoRegion":"en","category":{"tags":{"tagIDs":[],"tagNames":[]},"scribe":{"component":"twitter-for-websites/embedded-tweets/overview","section":"docs","page":"developer","element":"page"}},"attribute":{}}}</script> <link rel="preload" href="https://web.archive.org/web/20220409164956/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/20220409164956/https://fonts.twitter.com/chirp/chirp-bold-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20220409164956/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/20220409164956/https://fonts.twitter.com/chirp/chirp-regular-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20220409164956/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/20220409164956/https://fonts.twitter.com/chirp/chirp-extended-bold-web.woff2" as="font" type="font/woff2" crossorigin/> <script type="text/javascript" src="/web/20220409164956js_/https://developer.twitter.com/etc/clientlibs/dtm/developer-twitter/c411b4930511/eb5ca470897a/launch-c9524692def8.min.js.twhash.s.f.aee8b9e58d11e52743423f0d9f91c0f2.js" async></script> <link rel="stylesheet" href="/web/20220409164956cs_/https://developer.twitter.com/etc/designs/developer2-twitter/public/css/chirp.css.twhash.s.f.d4dff67e4021258fb6810375d3257372.css" media="screen" type="text/css"/> <link rel="stylesheet" href="/web/20220409164956cs_/https://developer.twitter.com/etc/designs/developer2-twitter/public/css/legacy-colors.css.twhash.s.f.39d678450f551ea75cabb73a8fd5e7cd.css" type="text/css"/> <link rel="stylesheet" href="/web/20220409164956cs_/https://developer.twitter.com/etc/designs/developer2-twitter/public/css/project.css.twhash.s.f.2d0236f75f037c458b4feeaabb750ab3.css" media="screen" type="text/css"/> <link rel="stylesheet" href="/web/20220409164956cs_/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/20220409164956js_/https://developer.twitter.com/etc/designs/common-twitter/global-vars.min.twhash.s.cl.d124ce9017ad534db9653f8308be25d0.js"></script> <script src="/web/20220409164956js_/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" role="none" 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" role="none" 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" role="none" 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" role="none" 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":"Documentation","rootPageUrl":"/content/developer-twitter/en/docs.html","navigationGroups":[{"groupName":"","navItems":[{"title":"Getting started","url":"/content/developer-twitter/en/docs/platform-overview"},{"childNavItems":[{"title":"Developer Apps","url":"/content/developer-twitter/en/docs/apps"},{"title":"Projects","url":"/content/developer-twitter/en/docs/projects"},{"title":"Developer portal","url":"/content/developer-twitter/en/docs/developer-portal"},{"title":"Authentication","url":"/content/developer-twitter/en/docs/authentication"},{"title":"Counting characters","url":"/content/developer-twitter/en/docs/counting-characters"},{"title":"Rate limits","url":"/content/developer-twitter/en/docs/rate-limits"},{"title":"Twitter IDs","url":"/content/developer-twitter/en/docs/twitter-ids"},{"title":"Security","url":"/content/developer-twitter/en/docs/security"}],"title":"Fundamentals","url":"#"},{"title":"Tools and libraries","url":"/content/developer-twitter/en/docs/tools-and-libraries"},{"title":"Tutorials","url":"/content/developer-twitter/en/docs/tutorials"},{"title":"API reference index","url":"/content/developer-twitter/en/docs/api-reference-index"}],"groupUrl":"#"},{"groupName":"Twitter API","navItems":[{"childNavItems":[{"title":"About the Twitter API","url":"/content/developer-twitter/en/docs/twitter-api/getting-started/about-twitter-api"},{"title":"Getting access","url":"/content/developer-twitter/en/docs/twitter-api/getting-started/getting-access-to-the-twitter-api"},{"title":"Make your first request","url":"/content/developer-twitter/en/docs/twitter-api/getting-started/make-your-first-request"},{"title":"Important resources","url":"/content/developer-twitter/en/docs/twitter-api/getting-started/important-resources"}],"title":"Getting started","url":"#"},{"title":"Tools and libraries","url":"/content/developer-twitter/en/docs/twitter-api/tools-and-libraries"},{"title":"What to build","url":"/content/developer-twitter/en/docs/twitter-api/what-to-build"},{"childNavItems":[{"title":"Overview","url":"/content/developer-twitter/en/docs/twitter-api/migrate/overview"},{"title":"Data format migration","url":"/content/developer-twitter/en/docs/twitter-api/migrate/data-formats"},{"title":"Twitter API endpoint map","url":"/content/developer-twitter/en/docs/twitter-api/migrate/twitter-api-endpoint-map"}],"title":"Migrate","url":"/content/developer-twitter/en/docs/twitter-api/migrate"},{"childNavItems":[{"grandChildNavItems":[{"title":"Data dictionary","url":"/content/developer-twitter/en/docs/twitter-api/data-dictionary"},{"title":"Fields","url":"/content/developer-twitter/en/docs/twitter-api/fields"},{"title":"Expansions","url":"/content/developer-twitter/en/docs/twitter-api/expansions"},{"title":"Tweet annotations","url":"/content/developer-twitter/en/docs/twitter-api/annotations"},{"title":"Metrics","url":"/content/developer-twitter/en/docs/twitter-api/metrics"},{"title":"Conversation ID","url":"/content/developer-twitter/en/docs/twitter-api/conversation-id"},{"title":"Pagination","url":"/content/developer-twitter/en/docs/twitter-api/pagination"},{"title":"Versioning","url":"/content/developer-twitter/en/docs/twitter-api/versioning"},{"title":"Consistency","url":"/content/developer-twitter/en/docs/twitter-api/consistency"},{"title":"Rate limits","url":"/content/developer-twitter/en/docs/twitter-api/rate-limits"},{"title":"Tweet cap","url":"/content/developer-twitter/en/docs/twitter-api/tweet-caps"}],"title":"Fundamentals","url":"#"},{"grandChildNavItems":[{"title":"Tweets lookup","url":"/content/developer-twitter/en/docs/twitter-api/tweets/lookup"},{"title":"Manage Tweets","url":"/content/developer-twitter/en/docs/twitter-api/tweets/manage-tweets"},{"title":"Timelines","url":"/content/developer-twitter/en/docs/twitter-api/tweets/timelines"},{"title":"Search Tweets","url":"/content/developer-twitter/en/docs/twitter-api/tweets/search"},{"title":"Tweet counts","url":"/content/developer-twitter/en/docs/twitter-api/tweets/counts"},{"title":"Filtered stream","url":"/content/developer-twitter/en/docs/twitter-api/tweets/filtered-stream"},{"title":"Volume streams","url":"/content/developer-twitter/en/docs/twitter-api/tweets/volume-streams"},{"title":"Retweets","url":"/content/developer-twitter/en/docs/twitter-api/tweets/retweets"},{"title":"Quote Tweets","url":"/content/developer-twitter/en/docs/twitter-api/tweets/quote-tweets"},{"title":"Likes","url":"/content/developer-twitter/en/docs/twitter-api/tweets/likes"},{"title":"Bookmarks","url":"/content/developer-twitter/en/docs/twitter-api/tweets/bookmarks"},{"title":"Hide replies","url":"/content/developer-twitter/en/docs/twitter-api/tweets/hide-replies"},{"title":"COVID-19 stream","url":"/content/developer-twitter/en/docs/twitter-api/tweets/covid-19-stream"}],"title":"Tweets","url":"#"},{"grandChildNavItems":[{"title":"Users lookup","url":"/content/developer-twitter/en/docs/twitter-api/users/lookup"},{"title":"Follows","url":"/content/developer-twitter/en/docs/twitter-api/users/follows"},{"title":"Blocks","url":"/content/developer-twitter/en/docs/twitter-api/users/blocks"},{"title":"Mutes","url":"/content/developer-twitter/en/docs/twitter-api/users/mutes"}],"title":"Users","url":"#"},{"grandChildNavItems":[{"title":"Overview","url":"/content/developer-twitter/en/docs/twitter-api/spaces/overview"},{"title":"Spaces lookup","url":"/content/developer-twitter/en/docs/twitter-api/spaces/lookup"},{"title":"Search Spaces","url":"/content/developer-twitter/en/docs/twitter-api/spaces/search"}],"title":"Spaces","url":"#"},{"grandChildNavItems":[{"title":"Lists lookup","url":"/content/developer-twitter/en/docs/twitter-api/lists/list-lookup"},{"title":"Manage lists","url":"/content/developer-twitter/en/docs/twitter-api/lists/manage-lists"},{"title":"List Tweets lookup","url":"/content/developer-twitter/en/docs/twitter-api/lists/list-tweets"},{"title":"List members","url":"/content/developer-twitter/en/docs/twitter-api/lists/list-members"},{"title":"List follows","url":"/content/developer-twitter/en/docs/twitter-api/lists/list-follows"},{"title":"Pinned Lists","url":"/content/developer-twitter/en/docs/twitter-api/lists/pinned-lists"}],"title":"Lists","url":"#"},{"grandChildNavItems":[{"title":"Batch compliance","url":"/content/developer-twitter/en/docs/twitter-api/compliance/batch-compliance/"}],"title":"Compliance","url":"#"}],"title":"Twitter API v2","url":""},{"childNavItems":[{"grandChildNavItems":[{"title":"Gnip Console","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/console"},{"title":"Data dictionary","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/data-dictionary"},{"title":"Data enrichments","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/enrichments"},{"title":"Rules and filtering","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/rules-and-filtering"},{"title":"Rate limits","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/rate-limits"}],"title":"Fundamentals","url":"#"},{"title":"PowerTrack API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/powertrack-api"},{"title":"Decahose API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/decahose-api"},{"title":"Account Activity API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/account-activity-api"},{"title":"Search API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/search-api"},{"title":"Historical PowerTrack API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/historical-powertrack-api"},{"title":"Engagement API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/engagement-api"},{"title":"Compliance Firehose API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/compliance-firehose-api"},{"title":"Usage API","url":"/content/developer-twitter/en/docs/twitter-api/enterprise/usage-api"}],"calloutLabel":"Gnip 2.0","title":"Enterprise - Gnip 2.0","url":"/content/developer-twitter/en/docs/twitter-api/enterprise"},{"childNavItems":[{"grandChildNavItems":[{"title":"Data dictionary","url":"/content/developer-twitter/en/docs/twitter-api/premium/data-dictionary"},{"title":"Data enrichments","url":"/content/developer-twitter/en/docs/twitter-api/premium/enrichments"},{"title":"Rules and filtering","url":"/content/developer-twitter/en/docs/twitter-api/premium/rules-and-filtering"},{"title":"Rate limits","url":"/content/developer-twitter/en/docs/twitter-api/premium/rate-limits"}],"title":"Fundamentals","url":"#"},{"title":"Search API","url":"/content/developer-twitter/en/docs/twitter-api/premium/search-api"},{"title":"Account Activity API","url":"/content/developer-twitter/en/docs/twitter-api/premium/account-activity-api"}],"calloutLabel":"v1.1","title":"Premium v1.1","url":"/content/developer-twitter/en/docs/twitter-api/premium"},{"childNavItems":[{"grandChildNavItems":[{"title":"Data dictionary","url":"/content/developer-twitter/en/docs/twitter-api/v1/data-dictionary"},{"title":"Rate limits","url":"/content/developer-twitter/en/docs/twitter-api/v1/rate-limits"}],"title":"Fundamentals","url":"#"},{"grandChildNavItems":[{"title":"Search Tweets","url":"/content/developer-twitter/en/docs/twitter-api/v1/tweets/search"},{"title":"Post, retrieve, and engage with Tweets","url":"/content/developer-twitter/en/docs/twitter-api/v1/tweets/post-and-engage"},{"title":"Get Tweet timelines","url":"/content/developer-twitter/en/docs/twitter-api/v1/tweets/timelines"},{"title":"Filter realtime Tweets","url":"/content/developer-twitter/en/docs/twitter-api/v1/tweets/filter-realtime"},{"title":"Sample realtime Tweets","url":"/content/developer-twitter/en/docs/twitter-api/v1/tweets/sample-realtime"},{"title":"Curate a collection of Tweets","url":"/content/developer-twitter/en/docs/twitter-api/v1/tweets/curate-a-collection"}],"title":"Tweets","url":"#"},{"grandChildNavItems":[{"title":"Manage account settings and profile","url":"/content/developer-twitter/en/docs/twitter-api/v1/accounts-and-users/manage-account-settings"},{"title":"Mute, block, and report users","url":"/content/developer-twitter/en/docs/twitter-api/v1/accounts-and-users/mute-block-report-users"},{"title":"Follow, search, and get users","url":"/content/developer-twitter/en/docs/twitter-api/v1/accounts-and-users/follow-search-get-users"},{"title":"Create and manage lists","url":"/content/developer-twitter/en/docs/twitter-api/v1/accounts-and-users/create-manage-lists"},{"title":"User profile images and banners","url":"/content/developer-twitter/en/docs/twitter-api/v1/accounts-and-users/user-profile-images-and-banners"}],"title":"Users","url":"#"},{"grandChildNavItems":[{"title":"Direct Message features","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/api-features"},{"title":"Sending and receiving events","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/sending-and-receiving"},{"title":"Welcome messages","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/welcome-messages"},{"title":"Message attachments","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/message-attachments"},{"title":"Quick replies","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/quick-replies"},{"title":"Buttons","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/buttons"},{"title":"Typing indicators and read receipts","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/typing-indicator-and-read-receipts"},{"title":"Conversation management","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/conversation-management"},{"title":"Custom profiles","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/custom-profiles"},{"title":"Customer feedback cards","url":"/content/developer-twitter/en/docs/twitter-api/v1/direct-messages/customer-feedback"}],"title":"Direct Messages","url":"#"},{"grandChildNavItems":[{"title":"Upload media","url":"/content/developer-twitter/en/docs/twitter-api/v1/media/upload-media"}],"title":"Media","url":"#"},{"grandChildNavItems":[{"title":"Get trends near a location","url":"/content/developer-twitter/en/docs/twitter-api/v1/trends/trends-for-location"},{"title":"Get locations with trending topics","url":"/content/developer-twitter/en/docs/twitter-api/v1/trends/locations-with-trending-topics"}],"title":"Trends","url":"#"},{"grandChildNavItems":[{"title":"Get information about a place","url":"/content/developer-twitter/en/docs/twitter-api/v1/geo/place-information"},{"title":"Get places near a location","url":"/content/developer-twitter/en/docs/twitter-api/v1/geo/places-near-location"}],"title":"Geo","url":"#"},{"grandChildNavItems":[{"title":"Get app rate limit status","url":"/content/developer-twitter/en/docs/twitter-api/v1/developer-utilities/rate-limit-status"},{"title":"Get Twitter supported languages","url":"/content/developer-twitter/en/docs/twitter-api/v1/developer-utilities/supported-languages"}],"title":"Developer utilities","url":"#"}],"calloutLabel":"v1.1","title":"Standard v1.1","url":"/content/developer-twitter/en/docs/twitter-api/v1"}],"groupUrl":"/content/developer-twitter/en/docs/twitter-api"},{"groupName":"Twitter Ads API","navItems":[{"childNavItems":[{"title":"Step by step guide","url":"/content/developer-twitter/en/docs/twitter-ads-api/getting-started"},{"title":"Increasing access","url":"/content/developer-twitter/en/docs/twitter-ads-api/increasing-access"},{"title":"Apply for access","url":"/content/developer-twitter/en/docs/twitter-ads-api/apply"},{"title":"Subscribe for updates","url":"/content/developer-twitter/en/docs/twitter-ads-api/newsletter"}],"title":"Getting started","url":""},{"childNavItems":[{"title":"Hierarchy and terminology","url":"/content/developer-twitter/en/docs/twitter-ads-api/hierarchy-terminology"},{"title":"Accessing Ads accounts","url":"/content/developer-twitter/en/docs/twitter-ads-api/obtaining-ads-account-access"},{"title":"Making authenticated requests","url":"/content/developer-twitter/en/docs/twitter-ads-api/making-authenticated-requests"},{"title":"Error codes and responses","url":"/content/developer-twitter/en/docs/twitter-ads-api/response-codes"},{"title":"Rate limiting","url":"/content/developer-twitter/en/docs/twitter-ads-api/rate-limiting"},{"title":"Pagination","url":"/content/developer-twitter/en/docs/twitter-ads-api/pagination"},{"title":"Sorting","url":"/content/developer-twitter/en/docs/twitter-ads-api/sorting"},{"title":"Versioning","url":"/content/developer-twitter/en/docs/twitter-ads-api/versioning"},{"title":"Timezones","url":"/content/developer-twitter/en/docs/twitter-ads-api/timezones"},{"title":"Currency","url":"/content/developer-twitter/en/docs/twitter-ads-api/currency"},{"title":"Sandbox","url":"/content/developer-twitter/en/docs/twitter-ads-api/ads-api-sandbox"}],"title":"Fundamentals","url":""},{"childNavItems":[],"title":"Tools and libraries","url":"/content/developer-twitter/en/docs/twitter-ads-api/tools-and-libraries"},{"childNavItems":[],"title":"Analytics","url":"/content/developer-twitter/en/docs/twitter-ads-api/analytics"},{"childNavItems":[],"title":"Audiences","url":"/content/developer-twitter/en/docs/twitter-ads-api/audiences"},{"childNavItems":[],"title":"Campaign management","url":"/content/developer-twitter/en/docs/twitter-ads-api/campaign-management"},{"childNavItems":[],"title":"Creatives","url":"/content/developer-twitter/en/docs/twitter-ads-api/creatives"},{"childNavItems":[],"title":"Measurement","url":"/content/developer-twitter/en/docs/twitter-ads-api/measurement"}],"groupUrl":"/content/developer-twitter/en/docs/twitter-ads-api"},{"groupName":"Twitter for Websites","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"},{"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":"/content/developer-twitter/en/docs/twitter-for-websites"}]}" data-search-path="https://developer.twitter.com/en/search-results.html" data-side-nav-v2="true"> </div> </div> </div> <div class="main-content twtr-col-lg-9"> <div class="u07 is-hidden" aria-hidden="true"> <div class="u07__item u07__bg-color--neutral"> <div class="u07__item-content"> <div class="u07__notification twtr-type--bold-200 chirp--bold-200 twtr-color--gray-900"> </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" role="none" class="twtr-icon"> <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> <div class="main-content__wrapper"> <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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20220409164956/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20220409164956/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20220409164956js_/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/20220409164956im_/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/20220409164956im_/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=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1310 937%22%3E%3C/svg%3E" style="width: 1310px" width="1310px" height="937px" data-src="https://web.archive.org/web/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/https://twitter.com/WilliamShatner?ref_src=twsrc%5Etfw">@WilliamShatner</a> Good day, Captain. <a href="https://web.archive.org/web/20220409164956/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/20220409164956/https://twitter.com/NASA/status/495719809695621121?ref_src=twsrc%5Etfw">August 2, 2014</a></blockquote> <script async src="https://web.archive.org/web/20220409164956js_/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/20220409164956/https://twitter.com/WilliamShatner?ref_src=twsrc%5Etfw">@WilliamShatner</a> Good day, Captain. <a href="https://web.archive.org/web/20220409164956/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/20220409164956/https://twitter.com/NASA/status/495719809695621121?ref_src=twsrc%5Etfw">August 2, 2014</a></blockquote> <script async src="https://web.archive.org/web/20220409164956js_/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/20220409164956/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/20220409164956/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20220409164956/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20220409164956/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20220409164956js_/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/20220409164956/https://twitter.com/GrandTetonNPS">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/nature?src=hash">#nature</a> <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/sunset?src=hash">#sunset</a> <a href="https://web.archive.org/web/20220409164956/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Dept of Interior (@Interior) <a href="https://web.archive.org/web/20220409164956/https://twitter.com/Interior/status/463440424141459456">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20220409164956js_/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/20220409164956/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20220409164956/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20220409164956/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20220409164956js_/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/20220409164956/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20220409164956/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20220409164956/https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote> <script async src="https://web.archive.org/web/20220409164956js_/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/20220409164956/https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/nature?src=hash&ref_src=twsrc%5Etfw">#nature</a> <a href="https://web.archive.org/web/20220409164956/https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="https://web.archive.org/web/20220409164956/http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— US Department of the Interior (@Interior) <a href="https://web.archive.org/web/20220409164956/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/20220409164956js_/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/20220409164956/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/20220409164956/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 id="twtr-article-embedded-survey" class="dtc11"></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/20220409164956/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/20220409164956/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/20220409164956/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" role="none" 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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/https://publish.twitter.com/" title="Embed a Tweet" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Embed a Tweet </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20220409164956/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/20220409164956/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" role="none" 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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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" role="none" 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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/https://preferencecenter.twitter.com/" title="Email Preference Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Email Preference Center </a> </li> <li class="u02__link-item"> <a href="https://web.archive.org/web/20220409164956/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/20220409164956/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" role="none" 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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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" role="none" 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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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/20220409164956/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"> © 2022 Twitter, Inc. </span> </div> <div class="u02__column u02__column--bottom"> <a href="https://web.archive.org/web/20220409164956/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/20220409164956/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/20220409164956/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 async src="https://web.archive.org/web/20220409164956js_/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/20220409164956js_/https://developer.twitter.com/etc/designs/developer2-twitter/public/js/core.js.twhash.s.f.6918fc63b885a733f41ac05faf4f588a.js"></script> <script type="text/javascript" src="/web/20220409164956js_/https://developer.twitter.com/etc/designs/developer2-twitter/public/js/project.js.twhash.s.f.6d934ffcb29fb2617abc4d54229b405c.js"></script> <script src="/web/20220409164956js_/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/20220409164956/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/20220409164956/https://policies.google.com/privacy?hl=en">Google</a></u>, <u><a href="https://web.archive.org/web/20220409164956/https://www.linkedin.com/legal/privacy-policy" target="_blank">LinkedIn</a></u> and <u><a href="https://web.archive.org/web/20220409164956/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/20220409164956/https://help.twitter.com/en/rules-and-policies/twitter-cookies">Learn more</a></u>.<br> </p> </div> <div class="u12b-opt-in__choice twtr-scribe-clicks-within"> <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 twtr-scribe-clicks" data-twtr-scribe-section="u12-data-protection-notice" data-twtr-scribe-element="W152" data-twtr-scribe-component="data-protection-notice"> Accept </button> </li> <li> <button class="u12b-opt-in__button is-naked u12b-opt-in__button--decline mtc-font twtr-font js-decline twtr-scribe-clicks" data-twtr-scribe-section="u12-data-protection-notice" data-twtr-scribe-element="W152" data-twtr-scribe-component="data-protection-notice"> Decline </button> </li> </ul> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/web/20220409164956cs_/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/20220409164956js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-promise-polyfill.min.twhash.s.cl.678c3c47bfcf62393184734a7204fcdf.js"></script> <script src="/web/20220409164956js_/https://developer.twitter.com/etc/designs/common-twitter/clientlib-twtr-profile-adapter.min.twhash.s.cl.2f6a2e41ae41c33aba9f8a7dcf876eb6.js"></script> <script src="/web/20220409164956js_/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