Module 5: Sites > Chapter 5: Embed documents, gadgets, media, and other Google tools
Table of Contents

Previous Chapter: Manage pages in a site
» Chapter 5: Embed documents, gadgets, media, and other Google tools
Rich media options for a site
Add standard content to a page
Insert Google product gadgets on a page
Google products in Sites

» Google Docs

Google Calendar

Google Maps

Picasa

Edit and position gadgets on a page
Find and create other gadgets
Manage files and attachments for a site
Customize search for a site
Google Apps Scripts
Next Chapter: Share, publish, and protect a site

You can easily embed anything from your Google Docs in your school Apps account into your site including documents, presentations, spreadsheets, and forms. 

When you embed something from Google Docs, any time you update something in Google Docs, the changes will be reflected on your site. This can prevent the need to update information in 2 places - in Docs and on your site. 

For example, if you keep a course syllabus in Google Docs, it could be easier to embed that document directly into your site instead of copying and pasting the information. This way, if you ever need to make changes, the new information will automatically be updated on your site without you having to edit the site. 

To ensure your site always contains the latest version, set the Google Docs object to automatically republish changes.

To embed one of your Google Docs from your school Apps account on your page, follow these steps:
  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Place your cursor at the point on the page you want to insert your document/presentation/spreadsheet/form.
  3. Click the Insert menu and select the Google Docs type from the menu: Document, Presentation, Spreadsheet, or Form.
  4. The Insert window will display a list of all the types of Google products. The type you selected from the Insert menu will be selected and a list of the associated files will be shown on the right.
  5. You can either click on the document you wish to insert, search for the document in the search box (and click Search) or paste in the web address of the Google Docs file.
  6. Click Select.
  7. You will then have some gadget display options to set:
    • Include title: with this setting, the title will appear in the gadget header around the gadget border.
    • Height: you can specify the height of the gadget in pixels
    • Width: you can specify an exact pixel width, or you can leave it empty and the gadget will take up the most available horizontal space. This can be useful if you're using a multi-column layout and are not sure the width of the columns. Google Sites will automatically calculate the maximum width and set that size for the gadget.
  8. Click Save.
  9. The gadget will appear as a blank 'box' on your page. To see the gadget content, click the Save button in the top right.

Please note: Be sure that you're using the "Insert" function in order to embed objects. Cutting and pasting the embedding won't work as it will be stripped out.


You can change the settings of your Google Docs gadget at anytime, just follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Click anywhere on the gadget box.
  3. Click the Properties link that appears.

To remove a Google Docs gadget, follow these steps:
  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Click anywhere on the gadget box.
  3. Click the Remove link that appears.
Your gadget will now be removed from your page.