iframes

Google Docs

While you can display a document on your site by uploading it, you may also do so using its iFrame code if it is a Google Doc. Here’s how:

  1. Make sure the document is public
    1. On the view screen of your document, click the Share button on the upper left corner
    2. Click Advanced
    3. Under Who has access, click Change… and select either On – Public on the web or On – Anyone with a link
    4. Click Save, then Done
  2. Get the iFrame code
    1. On the view screen of your document, click File > Publish to the web
    2. Click the Publish button.
    3. Click the Embed tab. From there, you may copy the resulting iFrame code.
  3. Paste the iFrame code into the text editor of the page on Aurora.

Maps

Maps can be a great way to display a location on your site. They allow users to zoom in and out and view the surrounding area without having to leave the page! Aurora supports the embedding of Google Maps. Below are instructions on how to do so.

  1. Go to Google Maps (https://www.google.com/maps)
  2. Enter the location
  3. Click on Share
  4. Click on Embed map
  5. Copy the iFrame code that displays
  6. Paste in the text editor of your page/post

Example

Here's an embedded map to the Student Union:

IFrames

Aurora has limited support for the use of iFrames. For security reasons, UITS must be extremely cautious in what domains to trust not to infect the many hundreds of websites that use Aurora. Currently, Aurora only permits the use of iFrames from the Google.com domain. This allows for the inclusion of:

  • Google Maps
  • Google Calendars
  • Google Docs, Spreadsheets, Presentations, and Drawings.

Using IFrames

IFrames must be entered in the text editor, not the visual editor. Pasting an iFrame into the visual editor will do nothing but display a lot of raw HTML code on your webpage.

This is an example iFrame code, taken from the Google Maps iFrame shown below:

<iframe src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Homer+Babbidge+Library,+Fairfield+Way,+Storrs,+CT&amp;aq=0&amp;oq=homer+&amp;sll=41.782143,-72.236374&amp;sspn=0.293388,0.600128&amp;ie=UTF8&amp;hq=Homer+Babbidge+Library,&amp;hnear=Fairfield+Way,+Storrs,+Connecticut&amp;ll=41.806595,-72.251727&amp;spn=0.006295,0.006295&amp;t=m&amp;output=embed" width="100%" height="250" frameborder="0"></iframe>

<small><a style="color: #0000ff;text-align: left" href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Homer+Babbidge+Library,+Fairfield+Way,+Storrs,+CT&amp;aq=0&amp;oq=homer+&amp;sll=41.782143,-72.236374&amp;sspn=0.293388,0.600128&amp;ie=UTF8&amp;hq=Homer+Babbidge+Library,&amp;hnear=Fairfield+Way,+Storrs,+Connecticut&amp;ll=41.806595,-72.251727&amp;spn=0.006295,0.006295&amp;t=m">View Larger Map</a></small> 

For directions on getting your iFrame code, click the following tutorial links:

Examples

Google Maps

View Larger Map

Google Calendar

Google Docs

Google Slides