---
title: Adding a Tweet
framework: applenews
role: article
role_heading: Article
path: applenews/adding-a-tweet
---

# Adding a Tweet

Include a tweet in an article.

## Overview

Overview A tweet component lets users see social media content in an article. On this page, you’ll learn how to use a tweet component to embed a tweet in an article. Add a Tweet in Your Article In Positioning Text Components, you created some ComponentLayout objects. You’ll refer to those ComponentLayout objects in this code. Copy the example code Tweet: Copy This Code. Paste the code inside in the components array of your article, after the last component and before the closing square bracket (]) at the end of the array. Your code should look like the example code Tweet: Result. After you make this change in your code, you can preview your working article.json file in News Preview to see a tweet in your article. Tweet: Copy This Code ,     {       "role": "heading2",       "layout": "fullMarginAboveHalfBelowLayout",       "text": "TWEET HEADING"     },     {       "role": "tweet",       "layout": "noMarginLayout",       "URL": "https://twitter.com/Urna_Semper/status/1480968065630285834"     } Tweet: Result Ellipses (...) indicate lines of code that have been omitted from this example. {   ...   "components": [     ...     {       "role": "heading2",       "layout": "fullMarginAboveHalfBelowLayout",       "text": "TWEET HEADING"     },     {       "role": "tweet",       "layout": "noMarginLayout",       "URL": "https://twitter.com/Urna_Semper/status/1480968065630285834"     }   ],   ... } Further Exploration At any time, you can try changing property values in your article.json file and then use News Preview to see how these changes affect the look of your article. For example, try changing which tweet appears in your article: In your article.json file, find the tweet component. Replace the value of the component’s URL property ("https://twitter.com/Urna_Semper/status/1480968065630285834") with the URL to another tweet. Preview your article.json file in News Preview. The article now shows the tweet that you chose. Previous Adding a Mosaic of Images Next Adding a Podcast

## See Also

### Related Documentation

- [Tweet](applenewsformat/tweet.md)

### Introductory Design Tutorial

- [Setting Up the Introductory Tutorial](applenews/setting-up-the-introductory-tutorial.md)
- [Creating Your First Article](applenews/creating-your-first-article.md)
- [Positioning Text Components](applenews/positioning-text-components.md)
- [Adding a Divider](applenews/adding-a-divider.md)
- [Adding an Image and Captions](applenews/adding-an-image-and-captions.md)
- [Adding a Pull Quote](applenews/adding-a-pull-quote.md)
- [Adding a Gallery of Images](applenews/adding-a-gallery-of-images.md)
- [Adding a Mosaic of Images](applenews/adding-a-mosaic-of-images.md)
- [Adding a Podcast](applenews/adding-a-podcast.md)
- [Viewing the Finished Article for the Introductory Design Tutorial](applenews/viewing-the-finished-article-for-the-introductory-design-tutorial.md)