How to embed your Twitch stream on Twitter

Wassup yall, so I know as a new streamer you’re looking for every way to get your name out there, which can be very difficult. But by embedding your stream to your tweets you can drive a lot of traffic over to Twitch! I’ll show you step by step on how to get started.

So this is an example of what it’ll look like when you’re done. Pretty sick.

the code

<html>
<head>
<meta name="twitter:image" content="https://www.facebook.com/596405424196339/photos/d41d8cd9/596405624196319/" />
<meta name="twitter:card" content="player" />
<meta name="twitter:title" content="Tanjiro is LIVE!" />
<meta name="twitter:description" content="Hey I'm goin live rn come thru" /> <meta name="twitter:player" content="https://player.twitch.tv/?channel=tanjiro5seven&html5&muted=true&quality=mobile" />
<meta name="twitter:player:width" content="360" />
<meta name="twitter:player:height" content="200" />
<title> Tanjirosama </title>
</head>
<body> </body>
</html>

Here’s the code that I’m using. There’s a few lines that you need to change to customize it to your liking.

  • Line 3 – You’ll need to link the profile picture that you want to use, it must be a square image. Add it after content=”
  • Line 5 – Add a generic Title for your card after content=”.
  • Line 6 – Add a generic description after content =” This won’t show in your tweet, I think it’s for Twitter’s approval process.
  • Line 6 – edit the URL with your channel name. ie delete “tanjiro5seven” and replace with your Twitch username.
  • Line 9 – Add a title for your webpage. I’m not sure this is completely necessary, but it doesn’t hurt to have.
  • Line 11 – Add a body for your webpage. Again, I’m not sure this is completely necessary, but it doesn’t hurt to have.

Now to post the html

So now you need to post this html on a website. If you own your own website you can put it there, but what I did was create a free blog on blogger.com. There won’t be any content on the site so don’t worry about how it looks. So sign up for a free blog, it takes about 5 minutes. After you’re registered, you’ll want to create a new “Page” (not a new Post) and paste in the HTML from above. (Don’t click the “compose” slider on the top left, keep this at HTML). Once you’ve done that click “Publish” on the top right hand side.

Once you’ve published you’ll be sent back to a list of your Pages. Hover over the page that you made, (it could be called untitled, or whatever title you gave it) and select “View”. Example:

all you need to do now is copy the URL of this page. This is usually in the top left hand corner of your browser after you hit view. This is what you will need for the next steps.

Twitter card approval

Now you just need to get your card approved by Twitter. Don’t trip it’s super easy. Go to this website and paste in the URL you just copied. It’ll look through the code to make sure everything works and it’ll show if you’ve been approved or not. This is what mine said:

If yours says “Not whitelisted” then you will need to hit request approval. Twitter should email you within the next day telling you you’ve been approved.

Now to embed the tweets

Now that your card is approved, you can now tweet the blogpost url! It’ll be condensed like a normal tweet link but when you click on it it shows your stream like this:

Now all your followers can see your stream straight from Twitter! siiiiiick. This method will help you advertise your stream better and drive more traffic over to Twitch. So good luck!

Watch live video from Tanjiro5SEVEN on www.twitch.tv
Design a site like this with WordPress.com
Get started