Einen Google-Kalender in deine Webseite zu integrieren, ist eine einfache Möglichkeit, um Veranstaltungen, Termine oder Verfügbarkeiten anzuzeigen. Hier sind die Schritte, um dies zu tun:
Schritt 1: Google-Kalender erstellen oder auswählen:
1. Anmelden: Melde dich bei deinem Google-Konto an und gehe zu Google Kalender.
2. Kalender auswählen: Wenn du bereits einen Kalender hast, den du einbetten möchtest, wähle diesen aus. Andernfalls kannst du einen neuen Kalender erstellen.
Schritt 2: Kalender freigeben:
1. Kalendereinstellungen: Klicke auf den Kalender, den du einbetten möchtest, und wähle „Einstellungen und Freigabe“.
2. Öffentlich machen: Scrolle nach unten zu „Zugriffsberechtigungen“ und aktiviere die Option „Öffentlich machen“. Beachte, dass dies bedeutet, dass jeder, der den Link hat, deinen Kalender sehen kann.
3. Kalender-ID kopieren: Notiere dir die Kalender-ID, die du später benötigst. Diese findest du unter „Kalender integrieren“.
Schritt 3: Einbettungscode generieren:
1. Kalender integrieren: In den Kalendereinstellungen findest du den Abschnitt „Kalender integrieren“. Hier gibt es einen Bereich mit dem Titel „Einbettungscode“.
2. Anpassungen vornehmen: Du kannst die Größe und das Aussehen des Kalenders anpassen, indem du die Parameter im Code änderst. Google bietet dir eine Vorschau, wie der Kalender aussehen wird.
3. Einbettungscode kopieren: Kopiere den bereitgestellten HTML-Code.
Schritt 4: Einbettungscode in deine Webseite einfügen:
1. Webseiten-Editor öffnen: Öffne den HTML-Editor deiner Webseite oder das Content-Management-System (CMS), das du verwendest (z.B. WordPress, Joomla, etc.).
2. Einfügen: Füge den kopierten Einbettungscode an der Stelle ein, an der der Kalender angezeigt werden soll. Dies kann in einem Text- oder HTML-Block erfolgen.
3. Speichern: Speichere die Änderungen und veröffentliche die Seite.
Schritt 5: Überprüfen:
1. Seite aufrufen: Besuche die Seite deiner Webseite, auf der du den Kalender eingebettet hast.
2. Funktionalität testen: Überprüfe, ob der Kalender korrekt angezeigt wird und ob alle Funktionen (z.B. das Navigieren durch Monate) einwandfrei funktionieren.
Zusätzliche Tipps:
- Responsive Design: Achte darauf, dass der Kalender auf mobilen Geräten gut aussieht. Du kannst CSS verwenden, um die Größe des Kalenders anzupassen.
- Datenschutz: Wenn du sensible Informationen in deinem Kalender hast, überlege, ob du den Kalender öffentlich machen möchtest. Alternativ kannst du auch einen privaten Kalender erstellen und nur bestimmte Ereignisse freigeben.
Mit diesen Schritten solltest du in der Lage sein, einen Google-Kalender erfolgreich in deine Webseite zu integrieren. Gutes Gelingen!