Embedding your Google Apps Calendar in your web page

If you are running Google Apps and are using your calendar, you may want to embed one of the calendar accounts in your website so it is visible to the public. You might do this to display a calendar of events in your sidebar or in a full calendar page.

There are several stages to get this working. You will need to have Administrator level access to your Google Apps account to do this.

Stage 1: configure your Google Apps Control Panel to allow public access to calendars within the account.

Go to the Control Panel using the Manage this domain link.

Go to the Calendar settings in the Service Settings for your account.

Allow public access to calendars (read only or update access can be granted).

Stage 2: configure the Google Apps calendar account that will be displayed

Go to calendar.yourdomain.com and login in to the calendar you are going to display. Click Settings at top right of your screen.

In the Calendar settings tab, click the Shared:edit settings link

Tick the checkbox to make the calendar public, and allow the public to view all the calendar details, or just the busy/free times.

If you can’t see the See All Event Details option, you didn’t configure the public access settings in the Control Panel properly – go back to Stage 1 and double check.

Stage 3: get your embed code and insert into your web page.

Open the Calendar Settings using the drop arrow next to the calendar in the My Calendars box

Finally, you can get your embed code