Monday, May 4, 2015

Twitter Feed on Google Sites

How to add a Twitter Feed to your Google Site

First you will need to create an .xml file: 
To create/grab your Twitter timeline widget code 
  •    Sign in to your Twitter account. Go to the settings from the drop down menu.








  •     Go to the Widgets 
  •     Create New Widget

               




  • Your widget number is highlighted below.  You need  to copy the embed code near the bottom right after you create. Save changes.






  • Open Notepad and copy the code below.
  • Replace the highlighted information with you Twitter account embed info you copied
  • Example Twitter.xml File




Code  to copy for .xml file you need to create and upload to 


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



-<Module>


<ModulePrefs width="250" height="385" scrolling="true"/>


-<Content type="html">

<![CDATA[ <a class="twitter-timeline" href="https://twitter.com/YourTWitterAccountname" data-widget-id="numberID#">Tweets by YourTWitterAccountname@</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> ]]>

</Content>

</Module>

  • Save as .xml after you replaced your info in the highlight areas in a easy to find location. 



Go to your Google Sites: 

  •  Then, sign in to your Google Sites account.

  • Upload the xml file to your Google Sites attachments.


  • Copy the URL location of the attached file (you can right-click the Download, then copy link address - remove the ?attredirects=0&d=1 )


  • You can't put the Twitter widget on the Google Sites' sidebar. You can only put it on a individual page. So, go to your page where you want your Twitter timeline widget appears on your Google Sites.
  • Edit the page.


  • Then click Insert ▶ ... More Gadgets ... ▶ Add gadget by URL

  • Paste the URL (of the Twitter widget xml) you copied earlier.  (*Delete the highlighted part of the pasted url)





  • Set the width and height for the gadget. Then un-check the border/scroll and title option of the gadget.
  • Click OK, and save your page changes. That's it. You have your Twitter timeline shining on your Google Sites.
***Make sure your Google Site is shared PUBLIC as it will not work correctly on a privite sharing setting. 






No comments:

Post a Comment