by Poco 3.9 (8 reviews)

Google Calendar Widget

Name: Google Calendar Widget
Rating: 3.9 (8 reviews)
Author: Poco

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

Google Calendar Widget ranks #7,955 among WordPress.org plugins with 700+ active installations, is #213 of 1,692 in the Calendar & Events category, a 3.9/5 rating from 8 reviews, and was last updated Jan 20, 2015. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 4 (Current: 7.0.2)

v1.4.6 Current Version v1.4.6

Updated 11 years ago Last Update on 20 Jan, 2015

Refreshed 14 hours ago Last Refreshed on

#213 of 1,692 in Calendar & Events Top 25% by installs No update in over a year

View on WordPress.org

Rank

#7,955

+3 this week

Active Installs

700+

— No change

KW Avg Position

N/A

— No change

Downloads

112K

+1 today

Support Resolved

— No change

Rating

78%

Review 3.9 out of 5

3.9 (8 reviews)

Next Milestone 800

Total Progress 68%

700+ 800+

207

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 32 more installs to reach 800+

Rank Changes

Current #7,955

Change

Best #

Upgrade to Pro

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

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

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 (63%)

1 (13%)

0 (0%)

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

Upgrade Plan

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: Poco

Support & Rating

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

Keywords

calendar google widget

Upgrade to Pro

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

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

7K+ installs

#2,723

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

BackWPup – WordPress Backup & Restore Plugin

500K+ installs

#133

LightStart - Maintenance Mode, Coming Soon and Landing Page Builder

400K+ installs

#135

Activity Log - Monitor & Record User Changes

200K+ installs

#216

Popup Builder - Create highly converting, mobile friendly marketing popups.

200K+ installs

#267

Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress

100K+ installs

#361

پارسی دیت – Parsi Date

100K+ installs

#399

Schedule Post Changes With PublishPress Future: Unpublish, Delete, Change Status, Trash, Change Categories

100K+ installs

#411

View all Calendar-and-events plugins

Frequently Asked Questions

Common questions about Google Calendar Widget

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.

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).

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.

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"

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 : "";

NOTE: After the V3 API upgrade this may not work correctly. 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.

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"

Yes! 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