Embed a Twitter Feed - Google Sites

WHPS Tech Tip

Embed a Twitter Feed in a Google Site - The feed will show just 1 user account

  • Log into Twitter

    • Click profile pic or gear

    • Click Settings

    • Click Widgets

    • Create New

    • Make sure your user ID is in the Username and uncheck "exclude replies"

    • Click Create widget

    • The code appears under the Preview

  • Search programs and open Note Pad

    • Paste the code from the bottom of this page

    • Go back to your Twitter page to get the widget code from under your Preview

    • Paste your widget code to replace “This is where you place Twitter Script”

    • Save Note Pad file

  • Log into your Google Site

    • Click the gear pulldown menu and select Manage Site

    • Click on Attachments

    • Click the Upload button and select your Note Pad file

    • Right click on the download link and click Copy Link Address

    • Click back to your Google Site

    • Navigate to the page you want your Twitter Feed to appear

    • Click the pencil icon to edit the page

    • Click Insert, then ...More gadgets

    • Select Add gadget by URL

    • Delete http://

    • Paste your link address and click Add

    • Change your Width and Height (try 500 width and 600 height to start)

    • Click Ok

    • Click the blue save button on the top right

Embed a Twitter Feed List in a Google Site - The list feed will show multiple user accounts (all teachers on the team, principal, support staff, etc)

  • Go to Tweetdeck and login: https://tweetdeck.twitter.com/

    • On the left menu, click + to add a column

    • Select Lists, then click + Create list

    • Add a List name (example: KPM Amethyst Team), description, and keep Privacy at Public. Click Save

    • Search for usernames that you want to add to the group and click + to add them as members to the group

    • When all members have been added, click Done

    • At the top of the column, click the menu, then click share, and Embed timeline

    • Click the blue button for Create widget and the code will appear at the bottom of the Preview

  • Search programs and open Note Pad

    • Paste the code from the bottom of this page

    • Go back to your Twitter page to get the widget code from under your Preview

    • Paste your widget code to replace “This is where you place Twitter Script”

    • Save Note Pad file

  • Log into your Google Site

    • Click the gear pulldown menu

    • Click on Attachments

    • Click the Upload button and select your Note Pad file

    • Right click on the download link and click Copy Link Address

    • Click back to your Google Site

    • Navigate to the page you want your Twitter Feed to appear

    • Click the pencil icon to edit the page

    • Click Insert, then ...More gadgets

    • Select Add gadget by URL

    • Delete http://

    • Paste your link address and click Add

    • Change your Width and Height (try 500 width and 600 height to start)

    • Click Ok

    • Click the blue save button on the top right

Code for Google Site Twitter Widget - copy and paste the code below into Note Pad.

<?xml version="1.0" encoding="UTF-8" ?>

<Module>

<ModulePrefs

scrolling="true"

height="385"

width="250"

/>

<Content type="html">

<![CDATA[


This is where you place Twitter Script

]]>

</Content>

</Module>