# Typo3 VOBS-Templates: Kalender einbinden, Integration von Google-, Outlook- und .ics-Kalendern
Vorarlberger Standardschulinstallation Verfasser: Alexander Zoppel© 2024 IT-Regionalbetreuer Vorarlberg 6900 Bregenz, Römerstraße 14 Alle Rechte vorbehalten
## 1. Google Account erstellen **Google Account erstellen:** Google.at -> Anmelden -> Konto erstellen -> Für die Arbeit oder mein Unternehmen Beispielhaft: Erstellung eines Google Accounts für die Mittelschule *Test* ![Ein Bild, das Text, Screenshot, Schrift, Webseite enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-lpkxyjt7.jpeg)![Ein Bild, das Text, Screenshot, Schrift enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-lfinbgeg.png) Weitere Schritte und Angaben (Empfehlungen): - Vorname: Mittelschule \*\*\* - Geburtsdatum: über 18 - Geschlecht: Ich möchte dies nicht beantworten - Vorgeschlagene E-Mail-Adresse verwenden oder eine eigene generieren - Geeignetes (sicheres!) Passwort erstellen - E-Mail-Adresse zur Kontowiederherstellung hinzufügen: Überspringen - Telefon: Überspringen - Einstellungen auswählen -> Manuell (4 Schritte) - *Web- & App-Aktivitäten nicht in meinem Konto speichern* - *YouTube-Verlauf nicht in meinem Konto speichern* - *Allgemeine Werbung einblenden* - *Gelegentlich Erinnerungen für den Privatsphärecheck erhalten: Haken nicht setzen* - Angaben bestätigen und Datenschutz zustimmen - Unternehmensprofil einrichten: Jetzt nicht ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-izfy0rvp.png) Der Google Account ist nun erstellt und unser Google Kalender (bei bestehender Anmeldung) unter *calendar.google.com* oder im sich rechts oben angezeigten Menü einsehbar. [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/SIbimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/SIbimage.png) ## 2. Google Projekt „Kalender Export“ erstellen und Google API generieren
Unter *console.cloud.google.com* den Nutzungsbedingungen zustimmen. Unter Projekt auswählen „Neues Projekt“ „Kalender Export“ erstellen:
[![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/zRpimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/zRpimage.png) Ein Klick auf APIS UND DIENSTE AKTIVIEREN führt zur API-Bibliothek: [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/Lkiimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/Lkiimage.png) Unter Google Workspace ist die Google Calendar API zu finden. Diese muss aktiviert werden. [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/4euimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/4euimage.png) Unter Anmeldedaten wird nun ein API-Schlüssel erstellt und ist unter „Schlüssel anzeigen“ jederzeit einsehbar. Der API-Schlüssel kann auch eindeutig benannt werden. Dieser Schlüssel wird später bei der Einrichtung des Typo3-Kalender-Plugins zwingend benötigt. [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/3Paimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/3Paimage.png) ## 3. Outlook-Kalender zum Teilen bereitstellen Im Vorfeld müssen von der IT-Betreuung Einstellungen im Tenant vorgenommen werden: ![Ein Bild, das Text, Screenshot, Schrift, Zahl enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-joqyznee.jpeg)![Ein Bild, das Text, Screenshot, Schrift enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-dh8wktrb.png) ### 3.1 Outlook-Kalender mit Terminen befüllen ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-fduak4xh.jpeg) ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-fvj5xebu.png) ### 3.2 Outlook-Kalender teilen In der Browser-Version(!) von Outlook Einstellungen (Zahnrad) [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/WzAimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/WzAimage.png) Gewünschten Kalender veröffentlichen [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/IVQimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/IVQimage.png) ## 4. Pflege und Integration von Google-, Outlook- bzw. sonstigen .ics-Kalendern In Google kann nun der kopierte Link zur Outlook-.ics-Datei (oder jede andere .ics-Datei) eingebunden werden: Kalender hinzufügen  Per URL ![Ein Bild, das Text, Schrift, Software, Webseite enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-iemmcp6u.jpeg) Ansicht im Google-Kalender mit allen aktivierten Kalendern: Blau: Originale Google Einträge (Mittelschule Test) Orange: Outlook Einträge (Kalender Import MS365) Grün: Feiertage in Österreich [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/WsJimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/WsJimage.png) Nun können alle gewünschten Kalender einzeln für die Integration in Typo3 bearbeitet werden: [![image.png](https://docs.vobs.at/uploads/images/gallery/2025-11/scaled-1680-/yscimage.png)](https://docs.vobs.at/uploads/images/gallery/2025-11/yscimage.png) In diesem Beispiel werden die Kalender-IDs von drei Kalendern verwendet: Google Kalender „Mittelschule Test“: ** Weitere Kalender „Feiertage in Österreich: [*de.austrian#holiday@group.v.calendar.google.com*](mailto:de.austrian%23holiday@group.v.calendar.google.com) Weitere Kalender: „Kalender Import MS365“: [*xxxxxxxxxxxxxxxxx@import.calendar.google.com*](mailto:xxxxxxxxxxxxxxxxx@import.calendar.google.com) ## 5. Typo3: Extension me\_google\_calendar einrichten und pflegen ### 5.1 Installation der Extension Eine Deaktivierung des bestehenden Plugins Calendarize wird empfohlen.
Installation des Plugins Erweiterungen -> Erweiterungen hinzufügen -> me\_google\_calendar Anlegen eines SYS Ordners unter „Datenbanken“ Liste -> Neuer Ordner „kalender-db“
![Ein Bild, das Text, Screenshot, Software, Computersymbol enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-5hkwt9xd.png)  ![Ein Bild, das Text, Screenshot, Software, Computersymbol enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-ge3q23g0.png) Anschließend wird im Template das statische Template Google Calendar eingebunden Template  Root (in diesem Fall VOBSDemo) -> Info/Bearbeiten -> Vollständigen Template-Datensatz bearbeiten -> Enthält ![Ein Bild, das Screenshot, Text, Software, Computersymbol enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-ihjzdctg.jpeg) Um sicher zu gehen, dass es keine Konflikte bei der Ausgabe der Termine gibt, wird die korrekte Zeitzone im Setup des Templates angegeben: Template -> Root (in diesem Fall VOBSDemo) -> Info/Bearbeiten -> Setup *plugin.tx\_megooglecalendar.settings.timeZone = Europe/Berlin* ![Ein Bild, das Text, Software, Computersymbol, Multimedia-Software enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-ipkionky.jpeg) ### 5.2 Kalender importieren Kalender in kalender-db importieren: Liste -> kalender-db -> + ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-ktzlc8as.png) Neuer Datensatz: Google Calendar ![Ein Bild, das Text, Software, Computersymbol, Betriebssystem enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-t2pslzxv.jpeg) Angaben: Titel, Google API Key, Calendar Id, optional Css für Styling (Farbe, etc.) ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-c2c2afwe.png)     Für alle weiteren Kalender gleich verfahren. Schlussendlich werden alle importierten Kalender als Datensätze angezeigt: ![Ein Bild, das Text, Screenshot, Software, Computersymbol enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-z85ea1ye.jpeg) ### 5.3 Inhaltselement (im Frontend sichtbar) anlegen Seite -> Termine -> Content -> + Inhalt -> Allgemeines Plugin ![Ein Bild, das Text, Screenshot, Software, Computersymbol enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-6g4dkpvf.jpeg)![Ein Bild, das Text, Software, Screenshot, Multimedia-Software enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-yo4tvoyq.jpeg) Plugin-Einstellungen: Datensätze angeben (aus SYS-Ordner kalender-db) ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-awweift2.jpeg) Zusätzliche Einstellungen vornehmen. In diesem Fall: Auswählbare Ansichten Monat, Woche und Jahresliste ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-yngwwiq1.png) Anmerkung: Eine deutsche Übersetzung des Plugins ist möglich: Wartung -> Manage Language Packs Frontend-Ansicht Woche: ![](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-mtwzteby.png) Frontend-Ansicht Jahresliste: ![Ein Bild, das Text, Screenshot, Schrift, Zahl enthält. Automatisch generierte Beschreibung ](https://docs.vobs.at/uploads/images/gallery/2025-11/embedded-image-xkrxcqbd.jpeg) Bei einem Klick auf einen Termin öffnet sich ein Popup-Fenster mit zusätzlichen Angaben (falls eingegeben): Beschreibung des Termins, Wann, Wo (ein Klick auf den Ort öffnet Google Maps falls angegeben), Download der .ics Datei.