How Do I Embedded a Google Calendar?

Purpose

You can create Google Calendars for meetings, events, and much more. A calendar is an easy at-a-glance view of event.

The Google Calendar Embed is a media library item. You can use it on the site in a Basic Page or in a Landing Page layout.

If you want to embed a Google Calendar, you probably already manage one here: https://calendar.google.com. Your calendar will have a name and will be "public," meaning the general public may view it.

Google calendars

On the sidebar of your calendar.google.com link, choose the heading for Other calendars, and choose the heavy plus sign to access options

At this Other Calendars header, choose to browse calendars of interest. Or go to your existing calendar if you already have one that is publicly available.

Add or create a Google calendar

You must already have a calendar.google.com account, first go to your account then look for the heavy "plus" + sign next to the "Other Calendars" heading. Choose to Browse Calendars

Each individual calendar has a link associated with it. Choose from what is publicly available or, more likely, what you already are managing.

Google calendar settings

For example, these are available public Google calendars of interest. Choose one, in this case we choose Phases of the Moon


For each calendar, there is a Google-generated link in the Public URL to this calendar.

Find the Google Calendar public link

Public Calendars offer a public link - we want the copy-and-paste text from that public link. Do NOT use the  iframe  link.

Note that you may already have a Google Calendar item inside your existing Media Library at Content > Media > Media library.

For adding a new Media Library Google Calendar embed, navigate to Content > Media > Add media > Google Calendar.

Add media to your media library

Each Google Calendar has its own "shared link" that may be used to share the calendar with the general public. The calendar must be able to be shared with the public, in order to display as part of this feature

When you create a new Media item, enter the URL. This adds the Public URL to the calendar in the Remote Media URL.

Add your public link to your Google Calendar

When working with the media library, choose Google calendar and input the URL you have chosen.

Create a basic page

When navigating to Content | Media | Media Library, you may now sort by the available Google Calendar Embeds you've added to your website, and this may be placed on other content as an "embedded" media item.

When creating or editing a basic page, use the 31 to place your desired Google Calendar

The WYSIWYG Editor is typically used for bolds, italics, and links - the 31 icon refers to the Google Calendar Embeds from the media library.

example of embedded Google calendar

When the 31 icon is chosen and clicked, a popup modal window appears, from which you choose your desired calendar: in this case we choose the uploaded Phases of the Moon publicly-available Google calendar

The Google Calendar is now embedded on your basic page

Place the chosen media item and click "Save" to save changes to your basic page. The Basic Page will show your Google Calendar Embed. Note that the Google Calendar Embed may also be placed in a Block, inside a Section,  on a Landing Page.

Google Calendar Embeds work with both Basic Pages and Landing Pages.

On your Landing Page, add a new Section. Next, create a Block. Then, pick your Google Calendar from the options. It will automatically stretch to fit the page.

1

Log in to your site

You can login to your site from login.iowa.gov.

Iowa.gov login screenshot

Each person on your agency team has a specific user role for the website. These roles set permissions. They control who can edit, review, and publish content. You can ask for a role change or remove a role. Just submit a ServiceNow support ticket if you need help.

Login using login.iowa.gov
2

How to find the Media Library

You can easily find the Media Library by hovering over Content in the top left corner, then over Media, and select Media library.

How to find the media library example
3

Create a new Media Library item of type "Google Calendar"

A Google Calendar may be embedded into either a Basic page or Landing page, or you can link directly to it with the public URL.

As an example, here is a sample Google Calendar (Public URL to the calendar): 
https://calendar.google.com/calendar/embed?src=ht3jlfaac5lfd6263ulfh4tql8%40group.calendar.google.com&ctz=America%2FDetroit

Public link direct to a calendar