The FullCalendar jQuery plugin can display events from a public Google Calendar. In this video, I will show you how to make your google calendar public and how to display events from that Google Calendar.

Public Google Calendar

First, let's make our Google Calendar public.

  • Log in your Google account then go to your Google Calendar at https://www.google.com/calendar
  • In the calendar list on the left, click the arrow next to the calendar you'd like to make public
    • Click "Share this calendar"
    • [x] Make this calendar public
  • (Save)

Google Calendar's XML feed URL

Next, get your Google Calendar's XML feed URL

  • Click the arrow next to the calendar
  • Click "Calendar settings"
  • Calendar Address
    • Click the "XML" badge
    • Copy the link
  • Click "OK"

Now let's go back to our Drupal site and display these events on our site calendar.

  • Go to "Structure => Views => Calendars" (admin/structure/views/view/calendar)

Fields

  • Click "Add"
    • [x] FullCalendar: Google Calendar
    • (Apply(all displays))
    • Label: Module Unraveled Live Recordings
    • Feed URL: (Paste the link to the XML feed of your Google Calendar)
    • (Apply(all displays))
  • (Save) (Save the view)

Now, when we go back to our Calendar, we'll see the events from the Google Calendar. A couple of things to note are that you can't drag and drop events displayed from a Google Calendar, and you won't get any additional information if you try to click on them. This is because they are not actual nodes on our Drupal site. If you would like those features, you can follow the steps in the video Importing Events from an iCal Feed which will create (and update) events on your site from an external calendar feed.