G
by Kaz Okuda 3.9 (8 reviews)

Google Calendar Widget

This plugin installs a sidebar widget that can show the upcoming events from a Google Calendar feed.

Tested up to WP 4 (Current: 6.9)
v1.4.6 Current Version v1.4.6
Updated 11 years ago Last Update on 20 Jan, 2015
Synced 12 hours ago Last Synced on
Rank
#7,531
-4 this week
Active Installs
900+
-5.9%
KW Avg Position
N/A
No change
Downloads
111.8K
+3 today
Support Resolved
0%
No change
Rating
78%
Review 3.9 out of 5
3.9 (8 reviews)

Next Milestone 1K

Total Progress 35%
900+ 1K+
201
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

  • Exact install estimates within tiers
  • Track install growth over time
  • Milestone progress predictions
Upgrade to Pro
Need 65 more installs to reach 1K+

Rank Changes

7,508 7,515 7,522 7,529 7,536 14-01-2026 15-01-2026 16-01-2026 17-01-2026 18-01-2026 19-01-2026 20-01-2026 21-01-2026
7,484 7,497 7,511 7,524 7,537 06-01-2026 07-01-2026 08-01-2026 09-01-2026 10-01-2026 11-01-2026 12-01-2026 13-01-2026 14-01-2026 15-01-2026 16-01-2026 17-01-2026 18-01-2026 19-01-2026 20-01-2026 21-01-2026
7,484 7,497 7,511 7,524 7,537 22-12-2025 23-12-2025 24-12-2025 25-12-2025 26-12-2025 27-12-2025 28-12-2025 29-12-2025 30-12-2025 31-12-2025 01-01-2026 02-01-2026 03-01-2026 04-01-2026 05-01-2026 06-01-2026 07-01-2026 08-01-2026 09-01-2026 10-01-2026 11-01-2026 12-01-2026 13-01-2026 14-01-2026 15-01-2026 16-01-2026 17-01-2026 18-01-2026 19-01-2026 20-01-2026 21-01-2026
7,475 7,491 7,507 7,522 7,538 23-10-2025 24-10-2025 25-10-2025 26-10-2025 27-10-2025 28-10-2025 29-10-2025 30-10-2025 31-10-2025 01-11-2025 02-11-2025 03-11-2025 04-11-2025 05-11-2025 06-11-2025 07-11-2025 08-11-2025 09-11-2025 10-11-2025 11-11-2025 12-11-2025 13-11-2025 14-11-2025 15-11-2025 16-11-2025 17-11-2025 18-11-2025 19-11-2025 20-11-2025 21-11-2025 22-11-2025 23-11-2025 24-11-2025 25-11-2025 26-11-2025 27-11-2025 28-11-2025 29-11-2025 30-11-2025 01-12-2025 02-12-2025 03-12-2025 04-12-2025 05-12-2025 06-12-2025 07-12-2025 08-12-2025 09-12-2025 10-12-2025 11-12-2025 12-12-2025 13-12-2025 14-12-2025 15-12-2025 16-12-2025 17-12-2025 18-12-2025 19-12-2025 20-12-2025 21-12-2025 22-12-2025 23-12-2025 24-12-2025 25-12-2025 26-12-2025 27-12-2025 28-12-2025 29-12-2025 30-12-2025 31-12-2025 01-01-2026 02-01-2026 03-01-2026 04-01-2026 05-01-2026 06-01-2026 07-01-2026 08-01-2026 09-01-2026 10-01-2026 11-01-2026 12-01-2026 13-01-2026 14-01-2026 15-01-2026 16-01-2026 17-01-2026 18-01-2026 19-01-2026 20-01-2026 21-01-2026
Current #7,531
Change
Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Active Installs 0,000,000+
Growth +0.0%
Peak 0,000,000

Downloads Growth

0 10 14-01-2026 15-01-2026 16-01-2026 17-01-2026 18-01-2026 19-01-2026 20-01-2026 21-01-2026
0 10 06-01-2026 07-01-2026 08-01-2026 09-01-2026 10-01-2026 11-01-2026 12-01-2026 13-01-2026 14-01-2026 15-01-2026 16-01-2026 17-01-2026 18-01-2026 19-01-2026 20-01-2026 21-01-2026
0 10 22-12-2025 23-12-2025 24-12-2025 25-12-2025 26-12-2025 27-12-2025 28-12-2025 29-12-2025 30-12-2025 31-12-2025 01-01-2026 02-01-2026 03-01-2026 04-01-2026 05-01-2026 06-01-2026 07-01-2026 08-01-2026 09-01-2026 10-01-2026 11-01-2026 12-01-2026 13-01-2026 14-01-2026 15-01-2026 16-01-2026 17-01-2026 18-01-2026 19-01-2026 20-01-2026 21-01-2026
0 10 23-10-2025 26-10-2025 29-10-2025 01-11-2025 04-11-2025 07-11-2025 10-11-2025 13-11-2025 16-11-2025 19-11-2025 22-11-2025 25-11-2025 28-11-2025 01-12-2025 04-12-2025 07-12-2025 10-12-2025 13-12-2025 16-12-2025 19-12-2025 22-12-2025 25-12-2025 28-12-2025 31-12-2025 03-01-2026 06-01-2026 09-01-2026 12-01-2026 15-01-2026 18-01-2026 21-01-2026
0 10 21-01-2025 02-02-2025 14-02-2025 26-02-2025 10-03-2025 22-03-2025 03-04-2025 15-04-2025 27-04-2025 09-05-2025 21-05-2025 02-06-2025 14-06-2025 26-06-2025 08-07-2025 20-07-2025 01-08-2025 13-08-2025 25-08-2025 06-09-2025 18-09-2025 30-09-2025 12-10-2025 24-10-2025 05-11-2025 17-11-2025 29-11-2025 11-12-2025 23-12-2025 04-01-2026 16-01-2026 21-01-2026
Downloads
Growth
Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

3.9
8 reviews
Overall 78%
5
5 (63%)
4
1 (13%)
3
0 (0%)
2
1 (13%)
1
1 (13%)

Tracked Keywords

Showing 0 of 0
Keyword Position Change Type Updated
No keyword data available yet.

Unlock Keyword Analytics

Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.

  • Full keyword position tracking
  • Historical ranking data
  • Competitor keyword analysis
Upgrade to Pro

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version
1.4.6
Last Updated
Jan 20, 2015
Requires WP
2.8+
Tested Up To
4
PHP Version
N/A
Author
Kaz Okuda

Support & Rating

Rating
★ ★ ★ ★ ☆ 3.9
Reviews
8
Support Threads
0
Resolved
0%

Keywords

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Frequently Asked Questions

Common questions about Google Calendar Widget

Upload all the files to the /wp-content/plugins/google-calendar-widget directory
Activate the plugin through the 'Plugins' menu in WordPress
Get a Google API Key from the Developer Console and save it in the Google Calendar Widget Settings page.
Drag the 'Google Calendar' widget to your sidebar
Fill out the settings for each instance in your sidebar. You can ge the calendar ID from your Google calendar settings.

For example:

Calendar Title : Google Developer Calendar
Calendar ID 1: developer-calendar@google.com
Calendar ID 2: insert.your@id.here
Calendar ID 3:
Event Title Format: [STARTTIME -][TITLE]
Maximum Results: 6
Go to https://console.developers.google.com.
Create or select a project for your web site
In the left sidebar, expand APIs & auth then select APIs
Change the status of the Calendar API to ON
In the left sidebar, select Credentials
Click on Create new Key and choose Browser key
For testing purposes you can leave the referrers empty, but to prevent your key from being used on unauthorized sites, only allow referrals from domains you administer.

Where do I get the calendar id?
See the here for more information about how to find your calendar key (http://googleappstroubleshootinghelp.blogspot.ca/2012/09/how-to-find-calendar-id-of-google.html).
How do I change the language of the dates
You can download localized versions of date.js from here. Find the correct language version in the "build" folder of the zip file, and replace the date.js in the plugin folder.
How can I change the format of the dates and times
The date and time is formatted using the date.js library.
Look for code like the following two lines in ko-calendar.js and change the format argument to match the format you want.

startJSDate.toString("ddd, MMM d, yyyy h:mm tt")
dateString = startJSDate.toString('MMM dd');

The formatting represents how the information will look on the page "MMM" translates to the abbreviated name of the month.

Take a look at the documentation for how you can change that formatting string to match what you want.
http://code.google.com/p/datejs/wiki/FormatSpecifiers

For example, you can change the following

dateString = startJSDate.toString('MMM dd');

to this

dateString = startJSDate.toString('dd.MM.yyyy');

to change the agenda item "Jan 2" to "02.01.2009"
Why is HTML in my calendar entry getting mangled
The plugin uses the wiky.js library that generates HTML from a wiki-like markup language.
It expects that the calendar item descriptions are marked up using that format. This is done to simplify the formatting for users who are already familiar with wiki markup and make the calendar entries easier to read when not interpreted.

If you wish to remove this transformation simply replace the following line in ko-calendar.js

bodyDiv.innerHTML = Wiky.toHtml(entry.description != null ? entry.description : "");

With

bodyDiv.innerHTML = entry.description != null ? entry.description : "";
You can insert the widget into a template directly, without adding it to a sidebar, by inserting php code directly into your theme.

<?php
the_widget("WP_Widget_KO_Calendar",
array(
'title' => 'Calendar Title',
'url' => 'yourcalendar@gmail.com',
),
array('before_widget' => '<div class="calendarwidget">',
'after_widget' => '</div>',
'before_title' => '<div class="calendartitle">',
'after_title' => '</div>'
));
?>

You can configure it with the same options available in the widget, as the second parameter to the_widget.

'title' will appear at the top of the calendar.
'url' is the id of your Google Calendar (see the Installation instructions for more details)
'url2', and 'url3' allow you to specify multiple calendars to be shown in the one view.
'maxresults' restricts the number of events to show. The default is 5.
'titleformat' is the format of the event titles. The default is "STARTTIME - TITLE".
If 'autoexpand' is TRUE, the calendar will show the details of each event by default. The default is FALSE.

The third parameter lists the standard widget options. See the wordpress Widget documentation for more details.
They can each be blank (i.e. 'before_widget'=>'') or contain whatever formatting you desire to be inserted in the flow.
How do I customize the event titles?
The "Event Title Format" option for each calendar allows you to format how you wish the calendar events to appear in the event list.
The default format is "[STARTTIME - ][TITLE]" so, for example, an event that starts at 6:00pm would called "Birthday Party" would appear as "6:00PM - Birthday Party".

[TITLE] will be substituted with the event title.
[STARTTIME] will become the start time (or "All Day" if it is an all day event).
[ENDTIME] will become the end time (or blank if it is an all day event).

Any extra characters included within the [] will be inserted if the value exists.
That is, [ENDTIME - ] will insert " - " after the end time, if and only if there is an end time.

If an event is an all-day event, then [STARTTIME] will be replaced with "All Day" and no [ENDTIME] will defined.

All html tags are stripped except <br> and <p> tags.

Examples

"[STARTTIME] - [TITLE]" becomes "6:00AM - Test Event" or "All Day - Test Event"
"[STARTTIME] - [ENDTIME - ][TITLE]" becomes "6:00AM - 9:00AM - Test Event" or "All Day - Test Event"
"[STARTTIME][ - ENDTIME] : [TITLE]" becomes "6:00AM - 9:00AM : Test Event" or "All Day : Test Event"
"[STARTTIME][ - ENDTIME]<br>[TITLE]" becomes "6:00AM - 9:00AM<br>Test Event" or "All Day<br>Test Event"
I have included an example with the plugin in "examples/stand_alone.html" that shows an example using the plugin code.
Each element is tagged so it should be flexible for styling; see the existing stylesheet for examples.
You must replace the text 'YOUR API KEY HERE' with your Google API Key

Sign In / Register

You need to sign in or register to use this feature.