Wie integriere ich einen Google Calender in Joomla

Wie . . . Zugriffe: 2

Schritt 1:

  1. Öffnen Sie Google Kalender auf einem Computer. Sie können den Code zum Einbetten in Ihrer Website nur auf einem Computer aufrufen, nicht in der Google Kalender App. 
  2. Klicken Sie rechts oben auf das Zahnradsymbol und dann auf Einstellungen.
  3. Klicken Sie auf der linken Seite auf den Namen des Kalenders, den Sie einbetten möchten.
  4. Kopieren Sie im Abschnitt "Kalender integrieren" den angezeigten iFrame-Code. 
  5. Klicken Sie unter "Code einbetten" auf Anpassen.
  6. Wählen Sie Ihre Optionen aus und kopieren Sie dann den angezeigten HTML-Code.
  7. Ihr eingebetteter Kalender ist nur für Personen sichtbar, denen Sie den Kalender freigegeben haben. Damit alle Besucher Ihrer Website Ihren Kalender sehen können, müssen Sie ihn öffentlich machen.
  8. Kopieren sie den Code in die Zwischenablage mit Ctrl-C

Schritt 2:

  1. Ändern sie den Standardmonitor für sich auf "Kein Editor", dies passiert bei den Benutzereinstellungen Tab Basiseinstellungen.
  2. Erstellen sie nun ein neues Modul im Menupunkt "Ertweiterungen" z.B. mit Namen "Kalender"
  3. Wählen sie als Modultype: "Eigene Inhalte (Leeres Modul) Dieses Modul erlaubt HTML in einem WYSIWYG-Editor.
  4. Kopieren sie den Code mit Ctrl-V
  5. Speichern sie das Modul.
  6. Ändern sie den Standardmonitor für sich auf "Standard", dies passiert bei den Benutzereinstellungen Tab Basiseinstellungen.

Schritt 3:

  1. Erstellen sie einen neuen Beitrag.
  2. Integrieren sie das Modul über die Taste und wählen sie das in Schritt 2 erstellte Modul aus

In diesem Beitrag ist dann der Google Kalender sichtbar nachdem sie ihn freigegeben und einem Menu zugeordnet haben.

 

Zusatz:

Sie haben die Möglichkeiten die Integration über einige Parameter besser an ein Mobiltelefon anzupassen und auch drei verschiedene Modi anzuzeigen

Monatsansicht

<iframe src="https://calendar.google.com/calendar/embed?src=<calender adresse>&ctz=Europe%2FBerlin&mode=MONTH"

        style="border:0; width:100%; height:700px;"

        frameborder="0" scrolling="no"></iframe>

Wochenansicht

<iframe src="https://calendar.google.com/calendar/embed?src=<calender adresse>&ctz=Europe%2FBerlin&mode=WEEK"

        style="border:0; width:100%; height:700px;"

        frameborder="0" scrolling="no"></iframe>

Terminliste

<iframe src="https://calendar.google.com/calendar/embed?src=<calender adresse>&ctz=Europe%2FBerlin&mode=AGENDA"

        style="border:0; width:100%; height:700px;"

        frameborder="0" scrolling="no"></iframe>