Link to add to Google calendar

Question

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  http   www eventbrite com event 1289487893   http   screencast com t 6vvh1khS

User · Answer

There is a comprehensive doc for google calendar and other calendar services: https://github.com/InteractionDesignFoundation/add-event-to-calendar-docs/blob/master/services/google.md

An example of working link: https://calendar.google.com/calendar/render?action=TEMPLATE&text=Bithday&dates=20201231T193000Z/20201231T223000Z&details=With%20clowns%20and%20stuff&location=North%20Pole

User · Answer

I ve also been successful with this URL structure   Base URL   https   calendar google com calendar r eventedit    And let s say this is my event details   Title  Event Title Description  Example of some description  See more at https   stackoverflow com questions 10488831 link-to-add-to-google-calendar 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   https   calendar google com calendar r eventedit text Event 20Title amp details Example 20of 20some 20description  20See 20more 20at 20https 3A 2F 2Fstackoverflow com 2Fquestions 2F10488831 2Flink-to-add-to-google-calendar amp location 123 20Some 20Place 2C 20City amp dates 20200222T100000 20200222T113000 amp ctz America 2FNew York  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   https   calendar google com calendar r eventedit text Event 20Title amp details Example 20of 20some 20description  20See 20more 20at 20https 3A 2F 2Fstackoverflow com 2Fquestions 2F10488831 2Flink-to-add-to-google-calendar amp location 123 20Some 20Place 2C 20City amp dates 20200222T150000Z 20200222T163000Z

User · Answer

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   https   www npmjs com package google-calendar-url

User · Answer

Here s an example link you can use to see the format   https   www google com calendar render action TEMPLATE amp text Your Event Name amp dates 20140127T224000Z 20140320T221500Z amp details For details  link here  http   www example com amp location Waldorf Astoria  301 Park Ave   New York  NY 10022 amp sf true amp output xml  Note the key query parameters   text dates details location   Here s another example  taken from http   wordpress org support topic direct-link-to-add-specific-google-calendar-event     lt a href  http   www google com calendar render  action TEMPLATE  amp text  event-title   amp dates  start-custom format  Ymd  THi00  Z    end-custom format  Ymd  THi00  Z    amp details  description   amp location  location   amp trp false  amp sprop   amp sprop name   target   blank  rel  nofollow  gt Add to my calendar lt  a gt    Here s a form which will help you construct such a link if you want  mentioned in earlier answers    https   support google com calendar answer 3033039 Edit  This link no longer gives you a form you can use

[google-calendar-api] Link to add to Google calendar

Examples related to google-calendar-api