Using IFRAME to Embed Google Group Page

posted Aug 29, 2008, 5:42 AM by Brian Johnson   [ updated Jan 27, 2010, 8:07 PM by Brian Johnson ]

UPDATED December 29, 2008

Effective 12/10, Google has placed further restrictions on its Sites application that prevent ANY non-gadget IFRAME code from working in Google Sites.  Because of this change, the hack below is no longer useful.

Read the official Announcement (from the Sites Help Forum)

For a workaround, there are a few hosted gadgets that will satisfy the new requirements for embedding pages via IFRAME.  To use them, simply select "more" from the "insert" menu (while editing a page in your site) and search for "sites iframe gadget".  (Or, you can create your own.)


Have a question, but don't know where to start?  Check out the Google Sites FAQ




A Google Group can be "integrated" within a Google Site through the use of an IFRAME.  As Sites generally disallows most custom code - including IFRAME's - this has been an issue for most users.  However, using the following code will enable you to "integrate" Groups within your Site(s).

  1. Log into your Site.
  2. Navigate to the page you wish to include Google Group on (or create a new page).
  3. Click the "Edit Page" button.
  4. Click the "HTML" button on the edit toolbar.
  5. Copy and paste the code below into the HTML editor:

    <iframe igsrc="http://www.google.com/ig/images/no_image/no_image_gadget_thm.png" src="http://groups.google.com/group/NAMEOFYOURGOOGLEGROUP" frameborder="0" class="igm" width="800" height="800"></iframe>

  6. Replace the "NAMEOFYOURGOOGLEGROUP" in the code above with the name of your Google Group.
  7. Click "Update" in the lower-right corner of the HTML editor.
  8. Click "Save" in the edit toolbar.

Follow-Up

It may be worth noting that you can use the above code with any page your would like to display in an IFRAME on your Google Site.  All you have to do is change the URL that follows the src tag above (src="http:......").