How to embed a Facebook page in a Google Site

  1. Get the code from https://developers.facebook.com/docs/plugins/page-plugin/
  2. Copy all the code into a plain text editor (Notepad):
  3. Create a gadget file like this:
(Note the code in red is what you got in step 1)

<?xml version="1.0" encoding="UTF-8" ?>  
<Module> 
  <ModulePrefs title="facebook embed example" />  
  <Content type="html"> 
     <![CDATA[  
       <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/pages/Shiawassee-Arts-Center/111569842213473" data-width="600" data-height="600" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/Shiawassee-Arts-Center/111569842213473"><a href="https://www.facebook.com/pages/Shiawassee-Arts-Center/111569842213473">Shiawassee Arts Center</a></blockquote></div></div>
     ]]>
  </Content>  
</Module>
  1. Save the file with a new filename and a .xml filetype. like "mygadget.xml".
  2. Upload it to a public site in a file cabinet page.
  3. Right-click on the download link and copy the URL.
  4. In the page where you want to embed it use Insert, More gadgets, Add gadget by URL.
  5. Insert the URL you captured in step 3.
  6. Set the width and height as appropriate.
  7. Save everything.
If you want to download this gadget to use as an example see fb-sac.xml on the Gadgets page.

NOTE: Many gadgets, notably Facebook ones and others,  will not work on a private site!!!  Sites will have to be "Public on the Web". If your gadget gives an error you might want to make sure your site is shared publicly.

facebook embed example

How to embed a Facebook Comments Plugin in a Google Site

Make a gadget. See the instructions above.

If you want to download this gadget to use as an example see facebook-comments.xml on the Gadgets page.

facebook comments


How to embed a Facebook Like Button in a Google Site

Instructions similar to the above.

Facebook like example


How to embed a Like button for my own site

Instead of creating your own gadgets try the one by Steegle:


Some gadgets, notably Facebook ones,  may not work on a private site!!!  Sites will have to be "Public on the Web".