Embedding a Google Calendar

YaleSites now allows for an alternative way to showing your Google Calendar. This is the recommended procedure and allows for an easier implementation into your page using Blocks rather than installing a completely separate module

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 arrow on the right that corresponds with your calendar.
  2. Click on Calendar settings
  3. Copy the source code from the Embed this Calendar area.


Add the Source Code to your Drupal page via Blocks

  1. Select Structure -> Blocks from the Administrator’s toolbar.
  2. Click on the + Add block link above the list of links.
  3. Enter the name of the Block in the Block title; this is shown as the title of the block to the user when placed in a Region.
  4. Enter a description in the Block description; this is shown on the Administration page to identify the Block.
  5. Select the Block body.
  6. Click on disable rich-text.                                   
    1. Copy the code provided by Google Calendar and paste it into this box.
    2. Indicate the pages you want the block to display/not display, Content Types it should be available for, and/or the Roles who should be able to see this block.           
      1. Save your new block.