|Description||Displays a Twitter Tweet.|
|Supported Layouts||fill, fixed, fixed-height, flex-item, nodisplay, responsive|
|Examples||Annotated code example for amp-twitter|
amp-twitter component allows you to embed a Tweet for the specified Twitter ID.
Here's an example of a basic embedded Tweet:
Twitter does not currently provide an API that yields fixed aspect ratio for embedded Tweets. Currently, AMP automatically proportionally scales the Tweet to fit the provided size, but this may yield less than ideal appearance. You might need to manually tweak the provided width and height. Also, you can use the
media attribute to select the aspect ratio based on the screen width.
Placeholders & fallbacks
An element marked with a
placeholder attribute displays while the content for the Tweet is loading or initializing. Placeholders are hidden once the AMP component's content displays. An element marked with a
fallback attribute displays if
amp-twitter isn't supported by the browser or if the Tweet doesn't exist or has been deleted.
Visit the Placeholders & fallbacks guide to learn more about how placeholders and fallbacks interact for the
Example: Specifying a placeholder
Example: Specifying a placeholder and a fallback
The ID of the Tweet. In a URL like https://twitter.com/joemccann/status/640300967154597888,
640300967154597888 is the tweetID.
You can specify options for the Tweet appearance by setting
data- attributes. For example,
data-cards="hidden" deactivates Twitter cards. For details on the available options, see Twitter's docs.
This element includes common attributes extended to AMP components.
See amp-twitter rules in the AMP validator specification.