Link da aggiungere al calendario di Google


115

Non mi è chiaro il formato esatto per avere un collegamento su un sito Web che aggiungerà un singolo evento a un calendario di Google degli utenti. Vedo che Eventbrite lo ha fatto qui, ma mi piacerebbe avere alcune specifiche chiare o collegamenti nella giusta direzione

http://www.eventbrite.com/event/1289487893

http://screencast.com/t/6vvh1khS


1
Vedi anche questa domanda e risposte: stackoverflow.com/q/22757908
Denilson Sá Maia

1
Fai riferimento a come convertire la data nel formato richiesto in questo commento qui sotto: stackoverflow.com/questions/10488831/… (mi ci è voluto un po 'per notare il commento)
Elijah Lofgren

Risposte:


231

Ecco un collegamento di esempio che puoi utilizzare per vedere il formato:

https://www.google.com/calendar/render?action=TEMPLATE&text=Your+Event+Name&dates=20140127T224000Z/20140320T221500Z&details=For+details,+link+here:+http://www.example.com&location=Waldorf+ Astoria, + 301 + parco + Ave +, + New + York, NY + + 10022 & SF = true & output = xml

Nota i parametri chiave della query:

text
dates
details
location

Ecco un altro esempio (tratto da http://wordpress.org/support/topic/direct-link-to-add-specific-google-calendar-event ):

<a href="http://www.google.com/calendar/render?
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>

Ecco un modulo che ti aiuterà a costruire un tale collegamento, se lo desideri (menzionato nelle risposte precedenti):

https://support.google.com/calendar/answer/3033039 Modifica: questo link non ti fornisce più un modulo che puoi utilizzare


29
Nota che puoi anche specificare un parametro del fuso orario, ad esempio:ctz=America/New_York
Utente

23
Per convertire nel formato datetime:(new Date()).toISOString().replace(/-|:|\.\d\d\d/g,"");
Trantor Liu

7
Il collegamento sopra è valido per il desktop. Per i dispositivi mobili, l'URL è simile a calendar.google.com/calendar/gp#~calendar:view=e&bm=1 e i parametri sono gli stessi.
Supreet Sethi

7
Puoi trovare un elenco completo dei valori CTZ in Elenco dei fusi orari del database tz
Marco Lackovic

6
@ IvánSánchez risposta in ritardo ma, la "Z" alla fine del parametro "date" imposterà l'ora equivalente in UTC, quindi probabilmente sarà sbagliato per il tuo fuso orario. Rilascia la "Z" alla fine di ogni data e troverai l'ora visualizzata nella zona giusta. dates=20140127T224000/20140320T221500
Jarvis Johnson


5

Ho anche avuto successo con questa struttura URL:

URL di base:

https://calendar.google.com/calendar/r/eventedit?

E diciamo che questi sono i dettagli del mio evento:

Title: Event Title
Description: Example of some description. See more at /programming/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)

Convertirei i miei dettagli in questi parametri (URL codificato):

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

Link di esempio:

https://calendar.google.com/calendar/r/eventedit?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 & date = 20200222T100000 / 20200222T113000 & CTZ = dell'America% 2FNew_York

Tieni presente che poiché ho specificato un fuso orario con il parametro "ctz", ho utilizzato l'ora locale per le date di inizio e di fine. In alternativa, puoi utilizzare le date UTC ed escludere il parametro del fuso orario, in questo modo:

dates=20200222T150000Z/20200222T163000Z

Link di esempio:

https://calendar.google.com/calendar/r/eventedit?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 & date = 20200222T150000Z / 20200222T163000Z


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.