Wednesday, November 09, 2011

Embedding Google Calendar in Another Language

This question came up today in the Google Apps Certified Trainer Group. It is actually pretty easy to do. 


To make the change you add &hl=XX where XX is the language code to the embed code.


So - this calendar



With this embed code: 

<iframe src="http://www.google.com/calendar/embed?src=jkloc408t9h5rdv686c8d567hs%40group.calendar.google.com&ctz=America/Chicago" style="border: 0" width="400" height="200" frameborder="0" scrolling="no"></iframe>

Requires a simple change to display in Spanish (&hl=es) 


<iframe src="http://www.google.com/calendar/embed?src=jkloc408t9h5rdv686c8d567hs%40group.calendar.google.com&ctz=America/Chicago&hl=es" style="border: 0" width="400" height="200" frameborder="0" scrolling="no"></iframe>



Pretty simple! Some of our ESL teachers are displaying their homework calendars in multiple languages now.

Note: 

This actually is then converted to a longer code - the key piece of code actually is having ;hl=XX (where XX is the language code) after the timezone (such as "ctz=America%2FChicago&amp") in the final version of the calendar embed html.