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, ITS must be cautious in what domains to trust not to infect the large number of websites that use Aurora. Aurora permits the use of iframes from sources such as Google.com domains, Facebook, Youtube, Prezi, and more. If you would like to request a new iframe URL please submit it for approval using the contact information found on our Support page.

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 iFrame codes from Google, click the following tutorial links:

Examples

Google Maps

View Larger Map

Google Calendar

Google Docs

Google Slides