Add a Twitter Feed to Your Google Site

People have been begging for it for years. There have been workarounds to make it happen, but never a native way to embed a Twitter feed into a Google Site. If you don’t know what I am talking about, a Twitter feed can be embedded in a website and it constantly updates without any work from the web developer. Click over to this page to see an example. It is a pretty nice feature and I would argue it can be almost essential for a teacher website. It allows parents who are not using Twitter to see the teacher’s feed or hashtag with no effort.

Set Up Twitter

The first step will be to get the embed code needed from Twitter. It is pretty easy to do, but you need to know where to look. First, click on this link to build the widget. Next, you will copy and paste the URL for the feed/hashtag/tweet you want to embed. Essentially, the URL is twitter.com/username. For example, mine is twitter.com/JeremyMcBrayer. It’s easiest to just go to your profile to copy and paste. Once you click that, you can choose if you want your timeline or a follow button generated. In most cases, you’ll want a timeline. 

Choosing this will generate a code, but it will also give you a link to customize. That allows you to set a few options for appearance like size, color of links, and light or dark theme. Now, copy your code that is generated and go to your Google Site. 

Embed Code

In Sites, click on the ‘Embed’ button on the right hand side. Choose the ‘Embed Code’ tab on the pop-up and paste your code into the space. 

When you click next, you will see a preview. If you are happy with the results, click ‘Insert’ and you are done. You can then resize or move your feed anywhere on the page like you would any other element. Here is an example of what it will look like when it is live.

Related Posts