Embedding A Google Calendar

How To Embed A Google Calendar Into A Page Of Your Web Site

You must have a Gmail account on Google before you can create your calendar. If you don’t already have a Gmail account, then go to Gmail.com and create one.

Sign into your Gmail account and then click on the word “Calendar” at the top of the page to your left. This will bring up the Google calendar. You’ll have to go through some preliminary items if you don’t already have a calendar, but they’re pretty straightforward.

Once you’re into your Calendar then you can begin entering your events into their respective dates. When you’re ready to Embed your calendar then continue with the following;

On the left side of the calendar click on the words “Manage Calendars”.

Click on the tab named “Share This Calendar”.

Check the box that says “Make This Calendar Public”.

Click on the tab named “Calendar Details”.

Click on the name of your calendar.

About 2/3 of the way down the page you’ll see the words “Embed This Calendar”
and to the right of those words you’ll see a small box with a bunch of code in it.

Copy all of this code exactly as you see it, onto a blank page of your web site. The simplest way of doing this is by putting your mouse into the box, do a left click, then CTRL-A followed by a CTRL-C (copy) and a CTRL-V (paste) into your web page. Important: The code must be pasted into your web page with your web software in source mode. In otherwords don't paste this code in the WYSIWYG mode or it won't work.

This code is the embed code that will display your calendar on your web site. Once you have this code onto a page of your web site and view it with a browser your calendar should appear. Each time you make changes in the dates of your calendar your calendar on your web site will display those changes.

The code itself doesn’t need to be changed unless you change something like colors or add another calendar overlay to your calendar etc. You don’t need to recopy the code everytime you change or add dates.

To update your calendar dates just return to your Google Calendar account by going to http://google.com/calendar and signing in. Your calendar will appear and you can make your date changes/additions. When you sign out and return to your web site the changes will be displayed.

One cool thing about the Google Calendar is if you put an address into the "location" field of the event details when someone clicks on the event date they often see the word "Map" and if this is clicked on then Google Maps will kick in and show the address of your event. This is very helpful in providing directions to someone for an event on your calendar.