Je eigen ‘Add To Calendar button’

Als je online inschrijft voor een evenement dan staat er in de bevestigingsmail vaak een knop of link om het evenement rechtstreeks in je agenda te plaatsen. Soms staat het ook op de website zelf.

Met één (nou ja, twee want je moet ook nog eens bevestigen) klik kan je zo tijdstip, locatie en bijkomende info toevoegen in de agenda app die je gebruikt.

De meeste webplatformen en mailingprogramma’s hebben ondertussen wel plugins die dit automatisch afhandelen maar ook als je occasioneel een evenement of meeting aan te kondigen hebt kan je zo’n knop toevoegen.

Het komt erop aan een iCalender bestandje op je webserver te zetten en daar naar te linken.

Wat is een iCalender bestand?

iCalendar is een open standaard in het leven geroepen om kalender informatie uit te wisselen tussen verschillende computersystemen en verschillende software pakketten.
Je kan zo’n iCalendar file herkennen aan de extensie :”.ical” “.ics” “.ifb” of “.icalendar” (met MIME type “text/calendar”)

De volledige beschrijving vind je hier: https://icalendar.org/

Je kan zo’n bestandje openen met notepad. De inhoud is leesbare tekst. Je kan er vast de verschillende onderdelen van een agendaitem wel in herkennen.

iCalender wordt ondersteunt door de meeste kalenderapps, zoals Outlook, Thunderbird, en Apple’s iCalendar.

Hoe maak je zo’n iCalender bestand?

In principe kan je op basis van de beschrijving van de standaard zo’n bestand helemaal uitschrijven in notepad.

De gemakkelijkste, maar omslachtige manier is in je eigen app een evenement aan te maken met alle informatie en dat te exporteren als .ics bestand.
iCalender is echter een kalenderformaat: in de meeste gevallen moet je een nieuwe kalender aanmaken en daar je evenement aan toevoegen, waarna je een export kan doen van de hele agenda.

Er zijn ook een paar on-line tooltjes te vinden waarmee je de gewenste bestanden kan genereren.

Op de SendPulse blog wordt uitgelegd hoe je een .ics bestand maakt vanuit Google Agenda of met iCal maker, een on-line tooltje om .ics bestanden te genereren.

Event-wizard.com heeft een mooie uitleg voor Outlook en iCal/Calender (Mac) op hun website staan.

Plaats het bestand op je webserver. Je kan er nu naar linken vanaf een pagina op je website of in een email.

Hoe werkt het?

Als een gebruiker op de link klikt zal de agenda app op zijn toestel het proberen openen en vragen wat ermee moet gebeuren: ‘Openen’ of Opslaan’.

  • Bij ‘openen’ wordt het evenement met al zijn details getoond in de app, en kan de gebruiker bevestigen.
  • Bij ‘opslaan’ wordt het bestand gedownload. Er gebeurt verder niets mee.
    De gebruiker zal achteraf zelf het bestand moeten openen om het alsnog in zijn agenda te krijgen.
Dit bericht werd geplaatst in HowTo en getagged met , . Maak dit favoriet permalink.

Geef een reactie

Vul je gegevens in of klik op een icoon om in te loggen.

WordPress.com logo

Je reageert onder je WordPress.com account. Log uit /  Bijwerken )

Google photo

Je reageert onder je Google account. Log uit /  Bijwerken )

Twitter-afbeelding

Je reageert onder je Twitter account. Log uit /  Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log uit /  Bijwerken )

Verbinden met %s