Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

I am trying to share multiple calendars (school, work, etc) with a friend. I would just like to link them to a single page containing all of the calendars combined since the person with whom I am sharing this with does not use Google Calendar. I see you can set up a HTML link to a single calendar, but is it possible to display several calendars at once?

Edit: It is possible to do so by editing the URL of the page, but then all the entries are the same color and it's hard to tell the difference between the calendars.

share|improve this question

5 Answers 5

up vote 1 down vote accepted

Click on the dropdown box next to a calendar on the left side of google calendar. Click "calendar settings". Scroll down and select "Customize the color, size, and other options" in the section for "embed this calendar". Select the calendars you want to display and set the colors as you wish and change whatever other settings you want to. Then, copy the generated HTML and embed it into an html file wherever it is you want to provide this page. If you don't have your own hosting, then you can just extract the iframe's source link from the generated HTML and just point your friend there.

share|improve this answer

nhinkle's answer worked for me but there was a problem with generating the code to show the navigation arrows and tabs.

I had to add showNav=1&showTabs=1& to the embedded code to display them. The generated code seemed to assume they were on by default and only generates these options if you deselect them.

share|improve this answer

In the calendar settings, you can find the extra options for sharing your calendar. Have it generate the iframe code for you. Part of that code is the calendar source and it looks something like this:

&src=7sqqkm9545qun10j0t2t2r8akk%40group.calendar.google.com

That & is simply the code way of stating & and the %40 is the code version of @.

So you need to add in the source for a second calendar. Find the source for the second calendar and change the @ to %40.

7sqqkblahblahblahblah@group.calendar.google.com

becomes

7sqqkblahblahblahblah%40group.calendar.google.com

Then insert into the iframe code the src for the second calendar, like so:

&src=7sqqkblahblahblahblah%40group.calendar.google.com

Here is what the iframe code looks like to start:

<iframe src="https://www.google.com/calendar/embed?showPrint=0&showCalendars=0&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=7sqqkm9557qun1oj0t2t2r8akk%40group.calendar.google.com&color=%23B1440E&ctz=America%2FNew_York" style="border-width: 0;" frameborder="0" height="600" scrolling="no" width="100%">

and here is the second iframe code with two calendars' src codes.

<iframe src="https://www.google.com/calendar/embed?showPrint=0&showCalendars=0&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=isprj5h0d4uv3hs59iqt7u76kc%40group.calendar.google.com&src=7sqqkm9557qun1oj0t2t2r8akk%40group.calendar.google.com&color=%23B1440E&ctz=America%2FNew_York" style="border-width: 0;" frameborder="0" height="600" scrolling="no" width="100%">
share|improve this answer

It is very easy to do so with Teamup Calendar. It could look like: http://lopsdato.no/ or http://presentationtimes.com/

Do you need to keep your original calendars in Google or can they be somewhere else? If so, you can create your own calendar easily from teamup.com and add up to 10 calendars for free, each color-coded. You can share any number of calendars in any combination of access rights (read-only, modifiable, etc.) by configuring the access links from Settings then Sharing (accessible only to the administrator, usually the calendar creator). Using simple iframe to embed one of the appropriate access links into your page.

There are several video tutorials including "Getting Started" and "How to Share" at teamup.com which could help you get up to speed quickly. And check out the blog post detailing how it is different from sharing Google Calendars.

share|improve this answer

Just use the Google Embeddable Calendar Helper!

share|improve this answer
1  
How would someone do this? Where is this helper? Whilst this might be true it doesn't provide any details or steps to use it. –  Barry Aug 15 '13 at 11:26

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.