Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

width25%

...

width75%

There are two basic steps to embedding a calendar from Google on to a Drupal page:

Obtain the Google Calendar's Source Code

  1. Open up your Google Calendar. On the left side of the window under where it says "My calendars", click on the

...

  1. three vertical dots to the right

...

  1. of the calendar you wish to embed.

    Image Added
  2. Click on "

...

  1. Settings and sharing"

...

  1. .

    Image Added
  2. Scroll to the “Integrate Calendar” section and copy the source code from the "Embed

...

  1. code"

...

  1. box.

...

  1. Image Added

Add the Source Code to your Drupal page

...

  1. Go the page you wish to add the calendar to and click “Edit”. You must be signed into the website and have completed the Web Accessibility Training to edit a Drupal Page.

  2. In the Body field, add some "place holder text" into the spot where you want to add the calendar.

  3. Click on the Source button in the Drupal page editor

...

  1. .

...

  1. Image Added
  2. Find the spot within the HTML of the page where you added you "place holder text". Replace that text with the code

...

  1. copied by Google Calendar.

  2. Save your

...

  1. page.

  2. Contact CIT if you need any help with placement of your calendar or formatting on your page.

Include Page
More Help
More Help

Page Properties
hiddentrue

Owner (area)

...

Web Team

Reviewed by

...

Adam Klinges

Review Date

...