Startseite Anmelden

Termin-Einbindung (iFrame)

Mit der Termin-Einbindung zeigst du eine fortlaufende Liste deiner Termine direkt auf einer anderen Website an – z. B. auf der öffentlichen Gemeinde-Seite. Die Liste ist nach Monaten gruppiert und aktualisiert sich automatisch, sobald in GeORG Termine angelegt oder geändert werden.

Es werden ausschließlich veröffentlichte Termine öffentlicher Typen (Gottesdienste, Veranstaltungen, regelmäßige und externe Veranstaltungen) angezeigt. Interne Termine erscheinen niemals in der Einbindung.

Der einfachste Weg: der Konfigurator

  1. Lege unter Konfiguration → Zugriffslinks einen neuen Zugriffslink an und wähle als Ziel-Seite Termin-Einbindung (iFrame).
  2. Klicke in der Liste beim Link auf das Konfigurator-Symbol (Schieberegler).
  3. Stelle Aussehen und Inhalt mit den Bedienelementen ein – die Live-Vorschau zeigt sofort das Ergebnis.
  4. Kopiere unten den fertigen Einbettungscode und füge ihn in deine Website ein.

Der Konfigurator nimmt dir das Zusammenbauen der URL vollständig ab. Wer es lieber von Hand macht, findet die Details unten.

Manuelle Einbindung

Die Start-URL des Zugriffslinks enthält bereits den Zugriffstoken. Binde sie als <iframe> ein. Das mitgelieferte Skript passt die Höhe automatisch dem Inhalt an:

<iframe src="https://DEINE-GEMEINDE.georg.app/events/embed?access_token=DEIN_TOKEN"
        id="georg-termine" style="width:100%;border:0;" loading="lazy" title="Termine"></iframe>
<script>
(function () {
    var f = document.getElementById('georg-termine');
    window.addEventListener('message', function (e) {
        if (f && e.source === f.contentWindow && e.data && e.data.type === 'georg-embed-height') {
            f.style.height = e.data.height + 'px';
        }
    });
})();
</script>

Lässt du das Skript weg, musst du selbst eine feste height am <iframe> vergeben (z. B. style="width:100%;height:800px;border:0;").

Aussehen und Inhalt anpassen

Die Ausgabe lässt sich über URL-Parameter steuern. Mehrere Parameter werden mit & aneinandergehängt, Listen (z. B. mehrere Typen) mit Komma getrennt.

Darstellung

Parameter Beschreibung Beispiel
accent Akzentfarbe (Monatsüberschrift, Uhrzeit). Hex ohne # oder CSS-Farbname. accent=0d9488 · accent=darkred
fg Textfarbe. fg=1f2937
muted Farbe für Nebeninfos (Ort, Wochentag). muted=6b7280
bg Hintergrundfarbe. Standard: transparent. bg=ffffff
font Schriftart (CSS-font-family). font=Georgia,serif
density Zeilenabstand: compact, normal, spacious. density=compact

Farben werden als Hex-Wert ohne # angegeben (das # ist in URLs ein Sonderzeichen). accent=0d9488 ergibt also Türkis. Benannte CSS-Farben wie darkred funktionieren ebenfalls.

Inhalt

Parameter Beschreibung Beispiel
types Welche Termin-Typen angezeigt werden (worship, event, recurring_event, external_event). Standard: alle öffentlichen. types=worship,event
category Kategorien (Kürzel/Slugs, kommagetrennt). category=gottesdienste,konzerte
group Gremien/Gruppen (Kürzel/Slugs). group=kirchenchor
sites Standortzuordnungen (Kürzel/Slugs). Nur bei aktivem Standort-Feature. sites=hauptkirche
highlights Highlight-Behandlung: only (nur Highlights), extra (zusätzlich zu den übrigen Filtern). highlights=extra
days Zeitfenster ab heute in Tagen (1–730). Standard: 365. days=90
limit Maximale Anzahl Termine (1–200). Standard: 50. limit=10
location Ort anzeigen (1/0). Standard: an. location=0
desc Kurzbeschreibung anzeigen (1/0). Standard: aus. desc=1
headers Überschriften: month (Monat, Standard), week (Woche, „Woche vom 7. Juli"), none (keine). headers=week

Highlight-Termine werden mit einem Stern (★) hinter dem Titel gekennzeichnet.

types, category und group sind ODER-verknüpft: Ein Termin erscheint, wenn er einem der gewählten Typen oder einer der Kategorien oder einem der Gremien entspricht. types=worship&group=kirchenchor zeigt also alle Gottesdienste und zusätzlich alle Termine des Kirchenchors. Es werden immer nur öffentliche Termine berücksichtigt.

sites wirkt als UND-Filter und schränkt das Ergebnis zusätzlich auf die gewählten Standortzuordnungen ein.

Beispiel

Nur die nächsten zehn Gottesdienste der kommenden 90 Tage, in kompakter Darstellung mit dunkelroter Akzentfarbe:

…/events/embed?access_token=DEIN_TOKEN&types=worship&days=90&limit=10&density=compact&accent=8b0000

Mit dem mitgelieferten Skript (siehe oben) passt sich die Höhe automatisch dem Inhalt an. Mehrere Termine am selben Tag teilen sich eine Datumsangabe – das Datum erscheint nur in der ersten Zeile.

Sicherheit

Wer die URL inklusive Token kennt, kann die öffentliche Terminliste sehen – mehr nicht. Der Zugriffslink gewährt ausschließlich das Recht, diese Liste anzuzeigen. Trotzdem gilt: Gerät die URL in falsche Hände, kannst du den Link unter Zugriffslinks jederzeit erneuern (alte URL wird ungültig) oder deaktivieren.