Gästebuch per Iframe einbinden

Ein Iframe ist ein Fenster in Ihrer Seite, durch das der Browser eine zweite Seite zeigt. Beim Gästebuch heißt das: Das Script läuft auf Ihrem Webspace, und wo Besucher es lesen sollen, stehen nur drei Zeilen HTML. Deshalb lässt es sich auch in eine Homepage einbinden, die selbst kein PHP ausführt, etwa bei einem Baukasten, der keine eigenen Scripte zulässt.

Was im Fenster passiert

Iframe ist die Kurzform von Inline Frame, also einem Rahmen mitten im Text. Ihre Seite liefert den Rahmen, der Inhalt kommt von der URL, die Sie angeben. In der Adresszeile steht weiter Ihre Seite. Blättern Besucher durch die Einträge oder schicken sie das Formular ab, lädt nur der Inhalt im Rahmen neu, und Ihre Navigation bleibt stehen. Die Seite mit dem Rahmen darf eine schlichte HTML-Seite sein. PHP und eine Datenbank braucht nur der Webspace dahinter.

Das Gästebuch Script braucht dafür weder Cookies noch eine Sitzung. Deshalb funktioniert es auch, wenn Ihre Website und das Gästebuch auf verschiedenen Domains liegen und Cookies fremder Seiten gesperrt sind. Der Link zur Datenschutzerklärung verlässt den Rahmen und öffnet einen neuen Tab, ebenso ein Link auf eine ICQ-Nummer.

So kommt der Iframe-Code in Ihre Homepage

1. Rufen Sie Ihr Gästebuch zuerst direkt im Browser auf. Erscheint es dort nicht, liegt der Fehler in der Installation und nicht im Rahmen.
2. Öffnen Sie die Seite, auf der es stehen soll, im Editor und fügen Sie ein Element für eigenen Quelltext hinzu. Es heißt je nach System „HTML“, „Einbetten“ oder „Code“.
3. Kopieren Sie die drei Zeilen hinein und ersetzen Sie die Beispieladresse durch Ihre eigene.
4. Speichern, veröffentlichen und die Seite einmal auf dem Handy ansehen.

<iframe src="https://ihre-domain.de/gb/"
  title="Gästebuch" width="100%" height="900"
  style="border:0"></iframe>

onload="var d=this.contentWindow.document;this.style.height=0;
this.style.height=d.documentElement.scrollHeight+'px'"

src ist der Ort des Gästebuchs, title liest ein Screenreader vor, und style="border:0" entfernt den grauen Rand, den das Fenster sonst hat. Die Höhe wächst nicht von selbst mit: Wird die Liste länger als 900 Pixel, bekommt das Fenster einen eigenen Scrollbalken. Liegen Ihre Seite und das Gästebuch auf derselben Domain, hilft der Zusatz. Er misst per JavaScript nach jedem Laden, wie hoch der Inhalt ist, auch nach dem Blättern. Bei einer fremden Domain ist dieser Zugriff gesperrt, und es bleibt bei height. Alle weiteren Attribute erklärt die Referenz zum Element bei MDN.

Wie breit das Fenster sein muss

Ab Werk ist das Gästebuch 500 Pixel breit. Den Wert ändern Sie im Admin unter „Einstellen“, Feld „Breite des Gästebuch“. Planen Sie für den Rahmen rund 40 Pixel mehr ein: Die Seite darin hat einen eigenen Rand, und ein senkrechter Scrollbalken kostet noch einmal Platz. Bei 450 Pixeln und weniger schaltet das Gästebuch um und füllt den ganzen Rahmen. Dazwischen müssen Besucher quer scrollen. Maßgeblich ist, wie breit der Rahmen ist, nicht der Bildschirm: Für die Seite darin ist der Rahmen der Bildschirm.

In derselben Maske steht die Hintergrundfarbe, ab Werk ein kräftiges Blau (#60a1ff). Im Rahmen fällt das sofort auf. Tragen Sie dort die Farbe Ihrer Seite ein, dazu Schriftart, Schriftfarbe und Linkfarbe. Farben, Schrift und Breiten im Layout bearbeiten Sie im Admin, ohne CSS und ohne eine Datei zu ändern.

Wenn das Fenster leer bleibt

Erster Verdacht: gemischter Inhalt. Läuft Ihre Seite über https, das Gästebuch aber über http, blockiert der Browser den Rahmen ohne sichtbare Meldung. Die Adresse bei src muss also mit https beginnen, und dafür braucht auch der Webspace mit dem Gästebuch ein Zertifikat.

Bleibt der Rahmen trotzdem leer, verbietet vermutlich der Server die Einbettung. Viele Websites senden den Header X-Frame-Options, damit niemand sie in einen fremden Rahmen lädt; das schützt vor Clickjacking. Unsere Software setzt ihn nicht, manche Hoster aber für den ganzen Webspace. Die Entwicklerkonsole (Taste F12) nennt den Grund, und ob sich der Header abschalten lässt, weiß der Hoster.

Manchmal lässt sich im Editor gar kein fremder Inhalt einbinden. Bei WordPress.com etwa läuft ein Iframe im Block „Individuelles HTML“ erst mit aktivierten Hosting-Funktionen. Ist das Einbetten in Ihrem Tarif deaktiviert, bleibt ein Link zum Gästebuch. Er öffnet es als eigene Seite, was genauso gut funktioniert, nur ohne Ihr Menü drumherum.

Häufige Fragen

Noch kein Gästebuch auf dem Webspace? Das Archiv enthält alles, was Sie zum Erstellen brauchen, samt Admin-Bereich und Anleitung als PDF. Jetzt kostenlos herunterladen