Zur Suche springen Zur Navigation springen Zum Hauptinhalt springen Zum Footer springen

Termin- oder Veranstaltungskalender sind schon lange keine Seltenheit mehr im Internet. Mit Hilfe von PHP können diese Termindaten auch als iCal-Datei (*.ics) auf Websites zum Download angeboten werden, ohne dass man von Hand eine solche Datei erstellen muss. Die Benutzer der Website können sich somit komfortabel diese Termine in ihren eigenen elektronischen Kalender importieren. In diesem Beitrag findet ihr das passende PHP-Snippet, um auch euren Benutzern ein iCal-Export zur Verfügung zu stellen.

Schulungen von kulturbanause

Intensive Trainings mit hohem Praxisbezug.

Daten auslesen und in Variablen speichern

Um eure iCal-Datei mit den richtigen Daten zu füllen, erstellt ihr als erstes einige Variablen mit euren Daten. Diese werden später an das Skript übergeben. In diesem Beispiel handelt es sich um folgende Angaben:

  • Start des Termins (Datum und Zeitpunkt)
  • Ende des Termins (Datum und Zeitpunkt)
  • Erstellung des Termins (Datum und Zeitpunkt)
  • Titel der Veranstaltung
  • Veranstaltungsort
  • Beschreibung der Veranstaltung
  • Link zur Veranstaltung
  • Dateiname der iCal-Datei

Hierbei ist es wichtig, dass die Datums- und Zeitangaben im Format »YYYYMMDDTHHMMSS« vorliegt. Angaben wie der Titel, die Beschreibung und der Veranstaltungsort werden mit Hilfe von PHP so formatiert, dass sie später auch korrekt angezeigt werden. Der Dateiname sollte webfreundlich, d. h. ohne Sonderzeichen oder Leerzeichen angegeben werden.

$kb_start = '20161028T130000';
$kb_end = '20161028T143000';
$kb_current_time = '20161026T130000';
$kb_title = html_entity_decode('Titel des Termins', ENT_COMPAT, 'UTF-8');
$kb_location = preg_replace('/([\,;])/','\\\$1','Location'); 
$kb_description = html_entity_decode('Beschreibung zum Termin', ENT_COMPAT, 'UTF-8');
$kb_url = 'https://kulturbanause.de';
$kb_file_name = 'name-der-datei';

iCal-Datei erstellen

Das Erstellen der iCal-Datei funktioniert in drei Schritten. Als erstes wird die Datei mitels fopen() geöffnet, anschließend mittels fwrite() der Inhalt eingefügt und zuletzt die Datei mittels fclose() geschlossen. Das alles passiert, sobald jemand die Seite aufruft, auf der das folgende Code-Snippet eingebunden ist. Sobald ein zweiter Seitenaufruf stattfindet, wird diese Datei aktualisiert. Der Pfad eures Verzeichnisses muss im Code an die Stelle des Wortes »VERZEICHNIS« geschrieben werden. Sollte aus irgendeinem Grund (z. B. falsche Schreibrechte eures Verzeichnisses) die Datei nicht geöffnet werden können, bricht das Script ab und es erscheint der Satz »Datei kann nicht gespeichert werden!«.

<?php $kb_ical = fopen('VERZEICHNIS/'.$kb_file_name.'.ics', 'w') or die('Datei kann nicht gespeichert werden!'); 

$eol = "\r\n";
$kb_ics_content =
'BEGIN:VCALENDAR'.$eol.
'VERSION:2.0'.$eol.
'PRODID:-//kulturbanause//kulturbanause.de//DE'.$eol.
'CALSCALE:GREGORIAN'.$eol.
'BEGIN:VEVENT'.$eol.
'DTSTART:'.$kb_start.$eol.
'DTEND:'.$kb_end.$eol.
'LOCATION:'.$kb_location.$eol.
'DTSTAMP:'.$kb_current_time.$eol.
'SUMMARY:'.$kb_title.$eol.
'URL;VALUE=URI:'.$kb_url.$eol.
'DESCRIPTION:'.$kb_description.$eol.
'UID:'.$kb_current_time.'-'.$kb_start.'-'.$kb_end.$eol.
'END:VEVENT'.$eol.
'END:VCALENDAR';
fwrite($kb_ical, $kb_ics_content);

fclose($kb_ical);
?>

Datei zum Download bereitstellen

Um die Datei nun zum Download anzubieten, könnt ihr einen ganz gewöhnlichen Link erstellen. Gebt hier ebenfalls den von euch gewählten Verzeichnispfad und den von euch gewählten Dateinamen an.

<a href="./VERZEICHNIS/<?php echo $kb_file_name; ?>.ics" title="»<?php echo $kb_title; ?>« exportieren">Termin in Kalender speichern</a>

Anpassung der .htaccess-Datei

Sollte euer Browser die Datei anzeigen anstatt den Download zu starten, müsst ihr gegebenenfalls eure .htaccess-Datei anpassen. Um sicher zu stellen, dass die von euch erstellte Datei als Download-Datei erkannt wird und nicht direkt im Browser geöffnet wird, schreibt folgende Zeile in eure .htaccess-Datei. Erstellt allerdings vorher unbedingt ein Backup der alten .htaccess, da Fehler in dieser Datei die Website beschädigen können.

AddType text/calendar .ics

Live-Beispiel

Das folgende Live-Beispiel zeigt die o.g. Funktionalität. Per Klick ladet ihr eine *.ics-Datei herunter, die ein Event des heutigen Tages beinhaltet.

Beispiel anschauen

Geschrieben von Robert Menzel

thumb

Robert arbeitet als Frontend-Developer und Web-Designer bei kulturbanause®. Zu seinen Aufgaben gehören die Gestaltung und die technische Umsetzung von Websites mit Photoshop, Illustrator, WordPress, PHP, HTML, CSS (Sass) und JavaScript (jQuery). Besonders gerne übernimmt er die Erstellung individueller und anspruchsvoller WordPress-Themes mit umfangreichen ineinandergreifenden Funktionen.

Feedback & Ergänzungen – 28 Kommentare

  1. Robert
    schrieb am 22.06.2021 um 09:01 Uhr:

    Hallo Robert,
    das ist ein tolles und einfach zu verwendendes Script. Hat sofort geklappt.
    Über den Desktop-Browser wird die ics-Datei auch sauber herunter geladen und kann dann geöffnet werden.
    Wenn ich die Datei über mein iPhone aufrufe, kommt aber immer die Fehlermeldung „Safari kann die Datei nicht laden“.
    Mit Deinem Beispiel funktioniert es aber einwandfrei. Hast Du einen Tipp woran das liegen könnte?
    Danke und Gruß
    Robert

    Antworten
    • Robert Menzel (Autor)
      schrieb am 22.06.2021 um 13:08 Uhr:

      Hallo Robert,
      so aus der Ferne kann ich das nicht beurteilen.
      Öffne deine ics Datei und die Datei aus dem Beispiel doch einmal in einem Code-Editor und schaue ob du irgendwo Abweichungen feststellen kannst.

      Viele Grüße
      Robert

      Antworten
  2. Joël
    schrieb am 06.01.2020 um 12:30 Uhr:

    Super Beitrag, eigentlich genau das was ich gesucht habe :)
    Nur ist es bei mir ein Wenig komplizierter und wollte daher mal fragen ob jemand dafür eine Lösung hat.

    Ich habe für unsere Pfadi eine neue Website (WordPress) erstellt und nun haben wir eine Agenda (von Google Kalender eingespeist), auf welcher man die Kalendereinträge gleich zu seinem eigenen Google Kalender Konto hinzufügen kann.
    Hier unsere Seite: https://pfadigottstatt.ch/agenda/

    Nun fände ich es aber nice, wenn man auf dem Smartphone den Kalendereintrag per .ics Datei auch in den iCalendar speichern könnte. Zum Beispiel so wie hier: https://www.pfadialphacentauri.ch/programmpunkte?category=Biber

    Allerdings benutzt diese Pfadi das Tool von Squarespace und daher weiss ich nicht, ob sie die Einträge auch vom Google Kalender einspeisen oder selber in Squarespace eintragen. Gäbe es vielleicht eine Möglichkeit, diese Funktion auf unserer Seite einzubinden?

    Vielen Dank und beste Grüsse
    Joël

    Antworten
    • Robert Menzel (Autor)
      schrieb am 03.08.2020 um 10:42 Uhr:

      Hallo Joël,
      hier können wir dir leider ohne größere Recherche nicht weiterhelfen.
      Wir hoffen du konntest bereits eine Lösung finden oder findest eine.

      Viele Grüße
      Robert

      Antworten
  3. Erik
    schrieb am 29.10.2019 um 12:09 Uhr:

    Hallo,

    danke für die Anleitung, funktioniert so weit, ich mache kein Download, ich versende die Datei per E-Mail, soll als Urlaubserinnerung für die Vertretung sein… KLappt alles, außer, wenn ich den Termin öffne, steht immer das Start und Enddatum gleich drin, obwohl der Urlaub von 29.10.2019 – 31.10.2019 ist, steht in der Vorauswahl bei Start und Ende der 29.10.2019.

    Muss ich etwas ändern, wenn ich Zeitraum über mehrere Tage habe?

    Danke und Grüße

    Erik

    Antworten
    • Jonas Hellwig
      schrieb am 29.10.2019 um 15:12 Uhr:

      Hallo Erik, du kannst dir hier anschauen, wie wir ein dreitägiges Event ausgezeichnet haben. Vielleicht hilft dir das weiter.

      Antworten
  4. Tristan
    schrieb am 30.09.2019 um 14:57 Uhr:

    Hallo,

    vielen Dank für die Anleitung.
    Ich könnte sowas über JS gebrauche, denn ich möchte diese Datei OnTheFly erzeugen, wenn ich auf einen Link „Im Kalender speichern“ klicke.

    Hat jemand für mich einen Tip mit dem es auch funktioniert?
    Mit https://github.com/nwcell/ics.js komme ich nicht weiter, weil iOS 12/13 die Datei im Browser nicht erkennt oder nicht valide hält und somit ich den Screen zum eintragen in den Kalender nicht direkt erhalte.

    Danke für Eure Hilfe.

    Antworten
  5. Exe
    schrieb am 26.09.2019 um 15:56 Uhr:

    Hallo, leider verstehe ich nicht, wie ich die Dateien einfügen muss. Soll ich das ganze snippet in der home.php einfügen oder alles in einer extra Datei? Kann mir jemand bitte nochmal die genauen Schritte, wie und was ich wo einfügen muss erklären? Vielen Dank.

    Antworten
  6. Reinhold
    schrieb am 27.05.2019 um 11:00 Uhr:

    Ich habe folgendes herausgefunden:
    Wenn ich den Link: http://media.kulturbanause.de/2016/10/beispiel-ical-export.ics angebe wird dieser sofort akzeptiert und importiert. Ich gehe lt. Quelltext davon aus, dass die Datei lediglich als Datei im Verzeichnis steht und nicht dynamisch erzeugt wird. Also muss ich jetzt noch herausfinden, warum meine Datei nicht funktioniert.

    Antworten
  7. Reinhold
    schrieb am 27.05.2019 um 10:07 Uhr:

    Danke für dieses tolle Script. Mit einigen Abänderungen konnte ich sogar einen Belegungskalender zum Download anbieten der gar nicht als icalendar konzipiert ist!

    Meine Frage:
    Wie kann ich einen Importlink anbieten, der automatisch den erzeugten Kalender z.B. mit einem Cronjob täglich abruft? Den erzeugten Kalender als ics-Datei in ein Verzeichnis zu stellen und abrufen zu lassen funktioniert nicht. Danke!

    Antworten
    • Jonas Hellwig
      schrieb am 27.05.2019 um 10:15 Uhr:

      Hallo Reinhold, du müsstest die ical-Datei eigtl. nur öffentlich unter einer URL verfügbar machen und dort bei Änderungen aktualisieren. In den Kalendern kann man dann diese URL abonnieren und als Nutzer festlegen wie oft Updates geladen werden sollen.

      Antworten
      • Reinhold
        schrieb am 27.05.2019 um 10:33 Uhr:

        Danke für die Antwort. Aber noch wie bereits geschrieben: „Den erzeugten Kalender als ics-Datei in ein Verzeichnis zu stellen und abrufen zu lassen funktioniert nicht!“ Die Fehlermeldungen lauten dann etwa „Kein gültiger ics-Importlink“.
        Im ical-validator wird die gleiche Datei anstandslos akzeptiert, auch in den Google Kalender kann ich sie ohne Probleme einfügen.

  8. Heiko
    schrieb am 24.03.2019 um 10:55 Uhr:

    Hallo,
    besten Dank!

    Gut und leicht verständlich beschrieben.

    Ich verschicke die Termine per Messenger.
    So hat die dann jeder im Verein auch gleich auf seinem Smartphone pder Endgerät seiner Wahl.

    Antworten
  9. Wolfgang
    schrieb am 06.02.2019 um 11:17 Uhr:

    Super script, vielen Dank!
    Kann das auch für mehrere Termine in 1 File verwendet werden oder muss die ics syntax dafür angepasst werden?
    LG Wolfgang

    Antworten
  10. McCormick
    schrieb am 13.11.2018 um 15:23 Uhr:

    Hallo,
    prima Anleitung – danke dafür.
    Besteht auch die Möglichkeit, statt eines festen Datums eine dynamische Datum (bspw. immer von jetzt an in 24 Stunden) einzuspielen?
    VG
    McCormick

    Antworten
    • Robert Menzel (Autor)
      schrieb am 14.11.2018 um 13:08 Uhr:

      Hallo,
      wenn du im oben beschriebenen Code die Variable $kb_start bzw. $kb_end mit dem aktuellen Zeitstempel (+ 24h) befüllst, ist das Datum je nach Download der Datei verschieden.

      MfG Robert

      Antworten
  11. andreas
    schrieb am 21.02.2018 um 16:51 Uhr:

    Hi und einfach erklärt,
    kann man diese iCal dann auch abonnieren wenn man dies in seinem Script berücksichtigt? So das man dann auf allen Geräten die selbe Information hat?

    Oder geht damit nur ein einfacher Import?

    Antworten
    • Robert Menzel (Autor)
      schrieb am 14.11.2018 um 13:01 Uhr:

      Hallo Andreas,
      mit dem hier beschriebenen Code wird nur eine einzelne Datei heruntergeladen, die anschließend in den Kalender importiert werden muss. Wenn du deine Geräte miteinander synchronisiert hast, erscheint dieser Termin dann natürlich in all deinen Kalendern.

      Antworten
  12. Torsten
    schrieb am 28.03.2017 um 15:27 Uhr:

    Das ergibt aber kein valides iCal und wird so auch von Google-Calendar abgelehnt:

    https://icalendar.org/validator.html?url=http://media.kulturbanause.de/2016/10/beispiel-ical-export.ics

    Antworten
    • Jonas Hellwig
      schrieb am 12.04.2017 um 13:31 Uhr:

      Danke für den Hinweis. Wir haben die Fehler behoben und Google importiert nun auch fehlerfrei. Der Validator meckert noch bei den Zeilenumbrüchen. Hier weiß ich gerade nicht wie ich den Fehler beheben kann – vielleicht hast du einen Tipp. Aber in der Praxis läuft alles.

      Antworten
      • Jan
        schrieb am 11.06.2017 um 12:28 Uhr:

        kein Meckern bei den Zeilenumbrüchen mit:

        $clf = „\r\n“;
        $kb_ics_content = ‚BEGIN:VCALENDAR‘.$clf;
        $kb_ics_content .= ‚VERSION:2.0‘.$clf;
        etc..

      • Jonas Hellwig
        schrieb am 17.08.2017 um 17:13 Uhr:

        Das Validierungsproblem ist behoben. Besten Dank!

      • Günther Kendl
        schrieb am 16.02.2018 um 17:07 Uhr:

        Hallo,
        Toller Beitrag – läuft super !
        Es gab den Hinweis :
        Fehler behoben und Google importiert nun auch fehlerfrei.
        wie sieht das Script nun aus ?

        Es werden zb. in title und Location keine Umlaute angezeigt.
        Wie kann man das beheben.

        Vielen Dank
        Günther Kendl

      • Jonas Hellwig
        schrieb am 17.02.2018 um 21:14 Uhr:

        Hallo Günther, wir haben die Fehler direkt oben im Skript behoben. Mit falschen Sonderzeichen haben wir bisher keine Probleme.

  13. mb7
    schrieb am 23.01.2017 um 15:42 Uhr:

    Super Beitrag. Werde ich direkt mal ausprobieren. Woher kommt die Syntax für den $kb_ics_content und gibt es da noch andere Optionen?

    VG
    mb7

    Antworten
    • Roman
      schrieb am 13.09.2019 um 19:31 Uhr:

      Besser spät als nie ;)
      Das Datenformat zum Austausch von Kalenderinhalten ist in RFC 5545 standardisiert –> https://www.rfc-editor.org/info/rfc5545
      Dort sollte man sich auch die Updates anschauen. Speziell das Update RFC 5546 , weil dort unter Punkt 4 jede Menge Beispiele aufgeführt werden.

      Der Wikipedia-Eintrag ist auch ganz interessant –> https://de.wikipedia.org/wiki/ICalendar

      Ich hoffe, dass es jemandem weiterhilft :)

      Antworten
  14. Michael
    schrieb am 21.11.2016 um 10:04 Uhr:

    Ich nutze immer das ICS package von jsvrcek

    https://packagist.org/packages/jsvrcek/ics

    Grüße

    Antworten
    • Lukas
      schrieb am 04.08.2019 um 23:24 Uhr:

      Danke für den Tipp. Die Library ist echt cool :)

      Antworten

Schreibe einen Kommentar zu mb7 Antworten abbrechen

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →