Anna ihmisten lisätä tapahtuma omaan Google-kalenteriisi tästä suoraan verkkosivultasi. Kokeile ja tee kalenteriisi merkintä 15.6.2020 Demovaraus oikealta Google Calendar-painikkeesta!
Yllä oleva "Google Calendar"-painike on tehty upotettavalla HTML-koodilla ja sen saat tapahtuman lisäasetuksista (kolme pistettä). Voit harkita tätä esim. jos olet tekemässä koulutustilaisuutta tai seminaaria.
Tee kalenterista julkinen! Ja jos haluat käyttää tätä siten, että ulkopuoliset voivat painikkeesta suoraan lisätä tapahtuman Google-kalenteriinsa, kalenteri tulee olla julkaistuna niin, että myös tapahtumien tiedot näkyvät - muuten ei anna tapahtuman tietoja ja tapahtuman otsikkona näkyy vain "Busy", mikä ei ehkä ole se mitä käyttäjäkokemuksena haluat.
Mene Google kalenterivaraukseen, johon haluta julkaista linkin
Valitse asetuksista (kolme pistettä) "Julkaise"
Valitse HTML-koodi (tai linkki)
Kopio koodi ja liitä se web-sivuillesi haluamaasi kohtaan HTML-koodina
Jos haluat julkaista linkin ko. tapahtumaan toimi samoin kuin yllä, mutta tallena linkkinä - tässä linkki samaan tapahtumaan kuin yllä
Mene tapahtumaan, klikkaa kolmea pistettä yläkulmassa ja valitse "Julkaise tapahtuma
Muista, että kalenteri Pääsyoikeuksista kalenteri on pitänyt tehdä julkiseksi ja tapahtumien tiedot on näytettävä myös julkisesti.
Tämä esimerkki Google Sites sivun rakentamista (tämä verkkosivu)
WordPressissä ja muissa julkaisujärjestelmissä voi sivuja myös editoida HTML-moodissa ja liittää upotuskoodin sinne.
Tässä esimerkissä valitaan "Upota koodi" ja liitetään kopioitu HTML-koodi kenttää ja painetaan "Lisää"
Linkin voit lisätä samalla periaattella sivuillesi.
Tee kalenterista julkinen ja hae tiedot julkaisemista varten kyseisen kalenterin Asetuksista
Muista tehdä kalenterista julkinen - muuten se ei näy muille. Aseta pääsyoikeudet (Asetukset - Pääsyoikeudet) haluamallesi tasolla huomioiden mitä toiminnallisuutta julkaisun pitää palvella.
Tarvittavan koodin saat valitsemasi kalenterin asetuksista kohdasta "Integroi kalenteri" ja kopoimalla tekstin kohdasta "Upotuskoodi" - kts. kuva vasemmalla.
Sieltä saat myös halutessasi pelkän linkin julkiseen kalenteriin - "Kalenterin julkinen URL-osoite". Tästäkin on esimerkki alla.
tässä linkki yllä samaan kalenteriin - kokeile!
iCal linkkien avulla taas käyttäjät voivat lisätä (tai tilata) kalenterin omaan kalenteriinsa - esim. Outlook-kalenteriinsa.
Tee kalenterista julkinen ja hae tiedot julkaisemista varten kyseisen kalenterin Asetuksista
Muista tehdä kalenterista julkinen - muuten se ei näy muille. Aseta pääsyoikeudet (Asetukset - Pääsyoikeudet) haluamallesi tasolla huomioiden mitä toiminnallisuutta julkaisun pitää palvella.
Tarvittavan koodin saat valitsemasi kalenterin asetuksista kohdasta "Integroi kalenteri" ja kopoimalla tekstin kohdasta "Upotuskoodi" - kts. kuva vasemmalla.
Sieltä saat myös halutessasi pelkän linkin julkiseen kalenteriin - "Kalenterin julkinen URL-osoite". Tästäkin on esimerkki alla.
tässä linkki yllä samaan kalenteriin - kokeile!
iCal linkkien avulla taas käyttäjät voivat lisätä (tai tilata) kalenterin omaan kalenteriinsa - esim. Outlook-kalenteriinsa.
Kun olet julkaisemassa kalenteria, sinun pitää tehdä siitä julkinen.
Voit valita haluatko näyttää tapahtuman kaikki tiedot vai vain varattu/vapaa -tiedot
HUOM! Jos haluat, että sivuin yläosan esimerkki Google Calendar painikkeesta toimii siten, että käyttäjä voi lisätä tapahtuman verkkosivuiltasi omaan Google kalenteriinsa kaikilla tapahtuman tiedoilla, kalenteri pitää julkaista "Näytä kaikki tapahtuman tiedot" asetuksilla.
Tämän sivun kalenteri on jaettu julkisesta vasemmalla olevilla asetuksilla
Jos haluat esim. näyttää pelkän varaustilanteen, niin silloin varattu/vapaa-tieto riittää.
Siirry tästä esimerkkiin - Online varauskalenteri