Embed your Twitch page

Embed your Twitch page

How to Embed your Twitch page:

Step 1. Log into your twitch account and locate the share icon. Click on the option to share via embed.

 


Step 2. A popup window will appear and you will highlight and copy the code under the “Using an iframe” option.

 

 
Step 3.  Back on your school website you will navigate to the page you want to embed the Twitch feed to. (This can be any page, stack item, or module with a text editor.) Once you are on the page you want you will click “Source” on text editor and paste the code we copied earlier into the white text area.



Step 4. You will notice that your channel ID is listed in this source code and the "Parent"  is currently set to www.example.com  you will need to replace www.example.com with the web address for your school website.
(I used a demo site in the example below.)  I replaced  www.example.com   with the domain for the school site where the twitch is being embbeded. 



Step 5. Save the changes or update the page and go “back to site” to make sure everything is working correctly. You should now see your twitch page. 

 

 

 



    • Related Articles

    • Embedding Twitter Feed

      1. Go to https://publish.twitter.com/# 2. Select the Embedded Timeline Option. 3. Paste your Twitter URL or Handle. Click PREVIEW 4. Click on set Customization Options 5. Set your Height, Width, and any other customization options that you need. ...

    • Adding a News Feed Stack

      When adding a News Feed is important to remember that this is just where the news will be displayed. In order to display articles in a News Feed, you will first need to create a news article page and news articles. To learn how to create an article ...

    • Embed a Face Book Live video (Firefox Browser)

      The instructions below outline the process using a Browser that supports Facebook Live Producer ( Firefox) There are several variations between browsers that complicate this process. We have found the most streamlined usage is with Firefox and have ...

    • Troubleshooting Google Feed

      Check to make sure your Google calendar privacy setting is set to public. If this setting is set to anything other than PUBLIC, it will not display on your website. The owner of the google calendar needs to update the privacy settings and then it ...

    • The Podcast RSS feed and you.

      RSS or Really Simple Syndication (est. circa 2002) aims to simplify your news viewing habits.  Think of it as the difference between streaming services and the store.  Anytime you need to get something from a store, you have to physically go there ...