How to Embed a Tweet Into an Article with HTML

Be it Ferguson riots, #GamerGate, or simple announcements and banter, Twitter has become a vital and volatile aspect of today’s world of journalism. 

At GameSkinny, we focus on gaming news – but any HTML-based posting system can easily embed tweets with a few easy steps. Let’s take a look at a simple example from our own Twitter account and demonstrate how to embed it with images.

Here is a basic tweet from @GameSkinny, this is what we’ll be replicating:

Sweden is Looking to Devise a “Bechdel Test” to Measure Sexism in Video Games http://t.co/gNJEtcy5RL

— GameSkinny (@GameSkinny) November 26, 2014

How to embed this tweet:

Step 1: Click the elipsis “More” button

Step 2: The click on the “Embed Tweet” option

Step 3: Copy (Ctrl + C) the highlighted HTML code

Step 4: Open your article’s HTML viewer

Step 5: Paste (Ctrl + V) the copied Twitter HTML code into the post HTML, like so…

Step 6: Click “Update”

Result in editor:

Result in post:

Sweden is Looking to Devise a “Bechdel Test” to Measure Sexism in Video Games http://t.co/gNJEtcy5RL

— GameSkinny (@GameSkinny) November 26, 2014

Then just make sure you save your changes and you’re all set!