Google Calendar Widget

Updates
Version 1.2 – Added support for automatic expansion of entries.
Version 1.1 – Added support for multiple feeds in one widget.

What is it?
This plugin installs a widget for showing a Google Calendar agenda on the sidebar of a Wordpress blog.

How do I install it?
It is installed by downloading and unzipping the files into your ‘plugins’ folder of your blog. The zip file contains the correct directory structure.

How do I use it?
Once installed it adds a sidebar widget called “Google Calendar” that may be dragged into your sidebar.

Each widget can be configured with a URL of the calendar feed, a title, and the number of agenda items to show.

The calendar feed is the URL you get when clicking on the XML icon next to “Calendar Address:” in the Google Calendar settings. See the full instructions here.

Note that you must changed the last word from “basic” to “full”.

Example calendar feed…

http://www.google.com/calendar/feeds/developer-calendar@google.com/public/full

Download
Download the latest version from here.

Support
To report bugs or issues, please post to the Wordpress.org support forum for this plugin.

Alternatively, you may post a comment here, but it is easier for other users to see the forum posts and replies, and other forum users may be able to help you with your query there.

  • Example

    Below is a live example of the widget in action.
  • Google Calendars

  • Example with automatic expansion

    Below is another example of the live widget in action, but with automatic event expansion enabled.
  • Canadian Holidays

22 Responses to “Google Calendar Widget”

  1. Falschgold Says:

    hi,

    thanks for the plugin. i had trouble first, as the settings page in google gives you the url

    http://www.google.com/calendar/feeds/developer-calendar@google.com/public/basic

    not …/full

    could you add a feature to display the time of the event, not just the date?

    thanks, keep on!

  2. Andy Says:

    Thanks for this great plugin. The site I’m setting up (see URL) will be in Japanese. I got the Japanese version of date.js and dropped that in. The problem is the date format is not that clear. Is there any way to change the date format so that the full year (e.g., 2010) will appear as well? Or a way to add hyphens between the numbers?

    I’m up late trying to figure this out, but I finally decided to ask. Thanks.

  3. Leo Says:

    Hi, It would be nice to use your plugin, however, I’m having trouble displaying it. I followed the instructions, copied the xml address from google calendar, pasted and changed the back-end from “basic” to “full”

    Any ideas?

  4. Bridget Says:

    I really like this plugin and it’s great, but I’d really like to style it a bit. Any ideas how to float the date on the left and have the event on the right in line with the date?

  5. Darrin Stern Says:

    Hey there, Im having the same issue as Leo. Any suggestions?

    Im using the following address:

    http://www.google.com/calendar/feeds/chicagocleanenergyalliance.org_n6gvmssr10sk25i7c7uo03ltks%40group.calendar.google.com/public/basic

  6. Poco Says:

    Please be aware that this widget only shows upcoming calendar events. If your calendar has no future events, then it will not show any events.

  7. Scott Says:

    Hey:

    What code would I need to use to embed this into a page that isn’t widget-ready?

    Thanks.

  8. Lene Says:

    Love this widget. I’m thinking of converting my school PTA website to use it. Any way to display the details of each event (time, location, desc) in addition to just the event title? That would make this a perfect widget for me.

  9. Jim Says:

    Love the look of this widget. My wishlist:

    1.) Allow for multiple calendar feeds within same widget/calendar.

    2.) Allow for calendar feed to be fed via custom page fields so different feeds can be seen on different pages using the same widget/template placement.

    Either of these sound possible in the near future?

    Thanks!

  10. Chris Says:

    I seem to be having a problem actually retrieving the information from my Calendar. I’ve followed the instructions, but whenever I look at the main page I just see the twirly icon indicating that it is working to retrieve data, but no calendar information at all. Do I need some sort of API key?

    Thanks for your help,

    Chris.

  11. Poco Says:

    When reporting problems, please include a link so that I can help.

  12. Christopher Sykes Says:

    The Google Calendar Widget interferes somehow with the Refraction theme from RocketTheme.com. The site itself works okay. But whenever I activate the plugin, I can no longer alter my theme settings. It means I have to deactivate, alter settings, and reactivate to get everything to work together.

  13. Poco Says:

    With version 1.1 of the plugin, please make sure that all the URL entries that you are not using are empty. An invalid URL in on of those fields could result in an error that will prevent the calendar from loading.

  14. T Says:

    Is there any way to get the html shown properly if it is added to the description, such as an image in the event description.
    This works fine when you embed a normal google calender onto a site

  15. Alex Says:

    Hi,

    Whenever I add any html to my event description it is changed when it comes up in the widget.

    For example if I add a link
    Hello to the description in google calender
    when it appears in the widget description it becomes
    http://www.123456.com/“>Hello

    How do I stop this from happening

    Thanks

  16. Bob Tema Says:

    Is there a way to have the widget display the day as well as the date?

    Example: Sunday, Feb 07

  17. Skunder Says:

    How do you display each event as a bullet?

  18. bboy Says:

    This is a really great plugin. I just wanted to make a small change to the widget, so I disabled the show/hide description function and instead linked to the events url, where you could read the description on a new page instead of down along the sidebar.

    Now, I’m in big trouble. I really need the authors help!

    I want to add the functionality of thickbox or fancybox, so that it loads up the event description in an iframe. The thing is though I can’t seem to get working with the event title anchors! I’ve done this to the code within ko_calendar.js, to the processFinalFeed() function:

    var entryTitle = document.createElement(’a');
    entryTitle.setAttribute(”className”,”thickbox”);
    entryTitle.setAttribute(”class”,”thickbox”);
    entryTitle.setAttribute(”href”, “event url here”);
    entryTitle.appendChild(document.createTextNode(title));

    And from there, if I click the entryTitle it does not trigger the thickbox! I’ve tried everything. I have tested the thickbox and fancybox on the sidebar and it works there, but doesn’t work with your plugin. Do I have to insert the html anchor code manually into the sidebar? Please advise, I will donate in return
    Thanks!

  19. Pete Says:

    Hey @Chris:

    The twirl is the result of putting in the wrong feed.

    I also discovered that, although I have multiple calendars, one of my errors was putting in upcoming dates on the wrong calendar.

    Is there a time limit on how far the calendar looks in the future?

    Thanks for your work! I’ve got it running and it’s really nice.

    –pete

  20. Jay Says:

    Hi! Nice job on the plugin.

    I’ve been poking around the code and modifying it a bit to suit my needs but there’s one thing I haven’t been able to figure out, that being how could I have the events expanded by default (but still be clickable to collapse)?

    Thanks a lot!

  21. Jay Says:

    Hey. Thanks for the 1.2 update.

    I had a couple of nice tweaks that I implemented here locally (and a couple more mixed in that I haven’t yet figured out how to) that maybe you’d consider adding in a future update:

    * It’d be nice to have an actual dedicated settings pane where you could also allow changing things like the date format without having to edit any code.

    * I have two calendars, and on one I disabled showing the end date/time which lets me have the calendar function like a schedule of events.

    * It would be great to be able to have a way for all day events to show up on the same line as the date (so Feb 19 ___ Day) or whatever. This one I haven’t figured out yet.

    * I added a View Calendar button that links to the full version of the calendar. It’d be nice though to have a way to view the calendar as a popover (kind of like the original wpng-calendar had the overlays for events, which wasn’t a good idea for events but for the whole calendar it’d be nice)

    Thanks again!

  22. Sarah Burnside Says:

    Hi – this plug in is great for a sidebar summary on my site. I wonder if there is any way to add links to the events that access flyers or other Web sites? That would be really great. Thank you!

Leave a Reply


Notions is Digg proof thanks to caching by WP Super Cache