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
- Lege unter Konfiguration → Zugriffslinks einen neuen Zugriffslink an und wähle als Ziel-Seite Termin-Einbindung (iFrame).
- Klicke in der Liste beim Link auf das Konfigurator-Symbol (Schieberegler).
- Stelle Aussehen und Inhalt mit den Bedienelementen ein – die Live-Vorschau zeigt sofort das Ergebnis.
- 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
heightam<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=0d9488ergibt also Türkis. Benannte CSS-Farben wiedarkredfunktionieren 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,categoryundgroupsind 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=kirchenchorzeigt also alle Gottesdienste und zusätzlich alle Termine des Kirchenchors. Es werden immer nur öffentliche Termine berücksichtigt.
siteswirkt 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.