I am unclear about the exact format to have a link on a website that will add a single event to a users Google calendar. I see that eventbrite has done it here but I would love some clear specs or links in the right direction

4

4 Answers

Here's an example link you can use to see the format:

Note the key query parameters:

text dates details location

Here's another example (taken from ):

<a href=" action=TEMPLATE &text=[event-title] &dates=[start-custom format='Ymd\\THi00\\Z']/[end-custom format='Ymd\\THi00\\Z'] &details=[description] &location=[location] &trp=false &sprop= &sprop=name:" target="_blank" rel="nofollow">Add to my calendar</a>

Here's a form which will help you construct such a link if you want (mentioned in earlier answers):

Edit: This link no longer gives you a form you can use

19

There is a comprehensive doc for google calendar and other calendar services:

An example of working link:

I've also been successful with this URL structure:

Base URL:

And let's say this is my event details:

Title: Event Title Description: Example of some description. See more at Location: 123 Some Place Date: February 22, 2020 Start Time: 10:00am End Time: 11:30am Timezone: America/New York (GMT -5)

I'd convert my details into these parameters (URL encoded):

text=Event%20Title details=Example%20of%20some%20description.%20See%20more%20at%20https%3A%2F%2Fstackoverflow.com%2Fquestions%2F10488831%2Flink-to-add-to-google-calendar location=123%20Some%20Place%2C%20City dates=20200222T100000/20200222T113000 ctz=America%2FNew_York

Example link:

Please note that since I've specified a timezone with the "ctz" parameter, I used the local times for the start and end dates. Alternatively, you can use UTC dates and exclude the timezone parameter, like this:

dates=20200222T150000Z/20200222T163000Z

Example link:

For the next person Googling this topic, I've written a small NPM package to make it simple to generate Google Calendar URLs. It includes TypeScript type definitions, for those who need that. Hope it helps!