Google’s calendar system is one of the best around and makes it very easy to keep track of your schedule(s) wherever you are. Also, because it is based online, Google Calendar is ideal for embedding into websites. However, until recently, there was an inconvenience standing in the way of webmasters. Google allowed you to have multiple calendars but didn’t let you combine those calendars into one that you could embed on a website. Instead, if you wanted show events from a number of calendars, you had to embed them all separately as opposed to showing all events in one calendar.
This problem has been frustrating me for months and I did come across a work-around where you could combine multiple calendars, but they would not be colour-coded–which is pretty annoying if you want to distinguish one type of event from another. After much frustration, I finally found the answer… BY ACCIDENT when I was trying to edit some colour and border settings! Here’s how to combine your calendars into one and embed them on a webpage:
- Login to Google Calendar
- Click “Settings” in the top-right corner of the page
- Click the “Calendars” tab
- Click the name of one of the calendars you want to embed (make sure the calendars you want to embed are set to “public” under “share this calendar” if you want others to be able to view it)
- Now, where it says “embed this calendar” click the link that says “Customize the color, size, and other options”
- In the new window that pops up, scroll to the bottom of the page and on the left side, you’ll see all your calendars listed. If you check the boxes of your calendars, they will be added to the embedded calendar!
This is such a simple solution, but even after hours of searching I could not find an answer. Even in the official Google Calendar support group people were still saying to use the old work-around that didn’t allow for colour-coded events. Hopefully this howto will help people embed multiple calendars properly 
.
Example:
Each colour represents a separate calendar
I'm an open-minded person who loves to learn, travel, be active, and enjoy life. For a full profile, click
16 Comments
Can you share that one calendar with other people like a single calendar or not?
I want to share a calendar composed by multiple calendars with other friends who use google calendar.
My issue is that when I, or my friends want to share calendars there are multiple calendars to share for each person. This solution doesn’t seem to solve that issue unless I’m mistaken.
Paul,
You’re right, I don’t think it will work for this. You’ll probably have to share all your calendars with your friends. On the bright side, when they subscribe to your calendars all the events will appear on their one main calendar.
exactly what i needed. thank you!!!
Thank you so much! Fits my needs exactly!
Your calendars all the events will appear on their one main calendar.You’ll have to share all your calendars with your friends.
I LOVE U!!!!!!!!
completely fixed my long standing issue
I did exactly that, but every time I try to post my website, the calender either doesn’t show up at all or still only shows one calendar…?
… sorry J, I’m really not sure why this would be happening. Do the calendars you’re trying to combine belong to you? If they are calendars that others have shared with you, I don’t think this will work.
THANK YOU!!!!!
I have embedded multiple caledars, but they are not syncing to my Outlook or my Blackberry. Only the main calendar is syncing.
Thank you so much!!!!!! This was the answer I was searching for!!
THANK YOU! I have been wondering for a while now!
I have the same commend as JB from 4/1. My childs school publishes a google calendar that I want to since into my Outlook and Google sync will only sync my main calendar. Is there a way to export a chared calendar into a file and then import into my main calendar?
How come the iframe-trick works, but if you copy the url from the ifram and past it in the webbrowser, all I get is an empty calendar…?
Wow! I just found out a perhaps even smarter way of doing it. If you click on the uniq html-address of your calendar (you find it below the embed-alternative in the calendarsettings) you can see that the url is something like this:
http://www.google.com/calendar/embed?src=UNIQ-CALENDAR-ID%40group.calendar.google.com&ctz=Europe/Oslo
If you modify this url by adding “&src=UNIQ-CALENDAR-ID%40group.calendar.google.com” for all the individual calendars you want, you will have a url to show your multiple calendars.
Example:
http://www.google.com/calendar/embed?src=UNIQ-CALENDAR-ID1%40group.calendar.google.com&src=UNIQ-CALENDAR-ID2%40group.calendar.google.com&src=UNIQ-CALENDAR-ID3%40group.calendar.google.com&src=UNIQ-CALENDAR-ID4%40group.calendar.google.com&ctz=Europe/Oslo
I have done this successfully! Any suggestions for this though: I have the combined calendars… I want to do a RSS feed for the combo of calendars. I tried using feedstitch and entered each calendar address seperately (since I cannot find a single calendar address for the combo) but it doesnt put the in order by date because it picks up the calendar update date, not the event date. Any ideas?