Externe Inhalte per iFrame einbinden

Kurz gesagt: Ein iFrame ist ein Fenster in deiner Seite, durch das Inhalte eines anderen Anbieters erscheinen, zum Beispiel ein Buchungskalender. Für Praxen ist meist ein einfacher Link oder Button besser: Er lädt nichts von fremden Servern, braucht in der Regel keine Einwilligung und funktioniert am Handy zuverlässig. Ein iFrame lohnt sich nur, wenn ein Link nicht reicht.

Wo im System: In einem Eintrag: Menü → Inhalt → Inhaltstyp → Eintrag öffnen → Reiter Details → Article → Neues Feld hinzufügen → HTML. Auf einer Seite: Webseiten (CMS) → Seiten → Seite öffnen → Artikel-Sektion → Article → Neues Feld hinzufügen → HTML

Typische Fälle für einen iFrame sind ein Buchungs-Widget (zum Beispiel von samedi) oder ein Fragebogen eines Anbieters, den Patienten vor dem Termin ausfüllen. Für die Terminbuchung zeigt dir diese Seite, was jeweils passt: Online-Terminbuchung einbinden: Doctolib, samedi, jameda

So erscheint der iFrame nur auf der Detailseite dieses Eintrags, zum Beispiel auf einer bestimmten Behandlungsseite.

1. Öffne Menü → Inhalt, wähle den Inhaltstyp (zum Beispiel Behandlungsschwerpunkte) und öffne den Eintrag.
2. Wechsle in den Reiter Details zum Feld Article.
3. Klicke auf Neues Feld hinzufügen → HTML.
4. Füge den Code deines Anbieters unverändert ein.
5. Speichere erst das Element, dann mit Inhalt speichern den ganzen Eintrag.

1. Öffne Webseiten (CMS) → Seiten und die Seite, zum Beispiel deine Terminseite.
2. Öffne eine vorhandene Artikel-Sektion oder klicke auf Neue Sektion erstellen und wähle den Sektionstyp „Section: Artikel (Brycks)“.
3. Klicke im Feld Article auf Neues Feld hinzufügen → HTML und füge den Code ein.
4. Speichere Element und Sektion und zieh die Sektion an die richtige Stelle.

Den Code bekommst du von deinem Anbieter. Er beginnt mit <iframe und sieht ungefähr so aus:

<iframe src="https://www.beispiel-anbieter.de/widget/deine-praxis" width="100%" height="600" frameborder="0"></iframe>

• Am Computer und am Handy: Ist alles lesbar, nichts abgeschnitten, kein doppeltes Scrollen?
• Wie verhält sich das Fenster, wenn jemand im Cookie-Banner externe Inhalte ablehnt?
• Steht daneben ein normaler Link oder die Telefonnummer als Alternative, für alle, bei denen das Fenster nicht lädt?
• Stehen wichtige Angaben (Terminarten, Telefonzeiten) zusätzlich als Text auf der Seite?

Rechtlich wichtig: Ein iFrame lädt beim Aufruf der Seite Inhalte vom Server des Anbieters. Dabei werden Daten wie die IP-Adresse übertragen. Das braucht in der Regel eine Einwilligung über den Cookie-Banner, und der Anbieter muss in deiner Datenschutzerklärung stehen. Bei Buchungs- und Fragebogen-Tools geht es außerdem um Gesundheitsdaten. Kläre die Einbindung deshalb vorher mit deiner Datenschutzberatung: Externe Dienste einbinden: Einwilligung und Datenschutz

• Nur den fertigen Code des Anbieters einfügen. Eigene Gestaltung, eigenes HTML oder Skripte drumherum kannst du später kaum pflegen, und sie können bei Design-Änderungen kaputtgehen. Brauchst du so etwas, sprich uns an.
• Kennzeichnen: Schreib als erste Zeile in das HTML-Element einen Kommentar mit dem Namen des Anbieters, zum Beispiel <!-- ynf-html: Anbieter samedi -->. Er ist auf der Website unsichtbar und zeigt uns im Support sofort, woher der Code stammt.
• Videos und Karten brauchen kein iFrame. YouTube-Videos bindest du über das Video-Element ein, Karten bringt deine Website mit. Beide laden erst nach Zustimmung: Videos einbinden
• Für Google zählt der Inhalt im iFrame nicht zu deiner Seite. Warum das so ist: Schaden iFrames der Auffindbarkeit?

• Online-Terminbuchung einbinden: Doctolib, samedi, jameda
• Externe Dienste einbinden: Einwilligung und Datenschutz
• Schaden iFrames der Auffindbarkeit?
• Termin-Button und Online-Terminbuchung: Link ändern