Quiz-Embed
Ein Quiz-Embed ist ein Codeschnipsel, meist ein iframe oder Skript, das ein interaktives Quiz direkt in eine bestehende Webseite einbindet statt auf einer eigenen URL.
Das Wichtigste in Kürze
- Ein iframe isoliert das Quiz, ein Skript-Embed teilt Dokument und Styles des Hosts.
- Iframes brauchen je Schritt eine Höhennachricht, sonst scrollt das Quiz im festen Kasten.
- Skript-Embeds erben das Host-CSS, was zugleich ihr Vorteil und ihr Risiko ist.
- Die erste Frage sollte auf der Hostseite ohne Scrollen sichtbar sein.
- Embeds bieten weder Überschrift noch Beleg, vorbereitungsabhängige Quizzes leiden darunter.
Im Detail
Ein Embed besteht aus zwei Teilen: einem Container, den die Hostseite rendert, und einem Loader, der ihn füllt. Die iframe-Variante isoliert das Quiz in einem eigenen Browsing-Kontext mit eigenem Dokument, eigenen Styles und eigenem Speicher und spricht mit dem Host nur über gesendete Nachrichten. Die Skript-Variante fügt das Quiz in das Host-Dokument ein und teilt dessen Stylesheet und Cookie-Kontext. Genau die Isolation macht ein iframe überall gefahrlos einsetzbar und zugleich vom Host aus schwer messbar.
Die Wahl zwischen beiden entscheidet den größten Teil der Folgearbeit. Ein iframe kann sich im Host-Layout nicht selbst skalieren, weshalb der Loader bei jedem Schrittwechsel eine Höhennachricht senden muss, sonst scrollt das Quiz in einem festen Kasten; das ist der häufigste Grund für schwache Embed-Funnels. Ein Skript-Embed erbt das Stylesheet des Hosts, wirkt dadurch nativ, ist aber allem ausgeliefert, was das Theme mit Buttons und Eingabefeldern macht. Auch der Umgang mit Cookies unterscheidet sich.
In der Praxis gehört das Embed dorthin, wo dem Leser gerade ein Problem gezeigt wurde: mitten im Artikel hinter dem Abschnitt, der das Symptom beschreibt, oder auf einer Preisseite neben der Stufe, bei der jemand zögert. Die erste Frage sollte ohne Scrollen sichtbar sein, denn ein Embed unterhalb des sichtbaren Bereichs konkurriert mit dem Text ringsum. Ein so platziertes Pivix-Embed erbt die Glaubwürdigkeit der Hostseite.
Ein Embed ersetzt keine Landingpage. Es gibt keine Überschrift, keinen Beleg und keine Rahmung außer dem, was der Absatz darüber liefert, weshalb ein Quiz, das auf Vorbereitung angewiesen ist, eingebettet schlechter konvertiert als gehostet. Auch die Zuordnung ist schwächer: Entfernt der Host Query-Parameter oder kann der Frame sie nicht lesen, kommen alle Leads aus einer ununterscheidbaren Quelle. Und ein langsames Embed auf einer schnellen Seite stört deren Layout-Stabilität.
Beispiel aus der Praxis
So wird es gemessen
Zwei Raten zählen, und sie beantworten verschiedene Fragen. Sichtbarkeit zu Start, also Sitzungen mit Quizstart geteilt durch Sitzungen, die das Embed in den sichtbaren Bereich gescrollt haben, misst die Platzierung. Start zu Abschluss misst das Quiz selbst und sollte der gehosteten Variante ähneln. Eine Lücke zwischen beiden weist auf das Embed hin, nicht auf die Fragen.
Prüfen Sie die Zuordnung durchgehend, bevor Sie einer der Zahlen trauen. Nehmen Sie einen Lead aus dem CRM und kontrollieren Sie, ob der Datensatz die Hostseite nennt, und wiederholen Sie das von einer Seite mit angehängten Kampagnenparametern. Verschwinden diese, besteht die Lösung darin, sie ausdrücklich in die Embed-URL zu übergeben, nicht in einem weiteren Analytics-Tool.
Häufige Fehler
Der häufige Fehler ist ein iframe mit fester Höhe. Das Quiz rendert, die zweite Frage ist höher als die erste, und Teilnehmer scrollen in einem kleinen Fenster, ohne zu bemerken, dass unterhalb des sichtbaren Bereichs ein Weiter-Button liegt. Implementieren Sie die Höhennachricht vor dem Start und testen Sie sie an der längsten Frage, nicht an der ersten. Auf Mobilgeräten fällt es am stärksten auf.
Der zweite Fehler ist, dasselbe Embed überall auszurollen und eine einzige Zahl zu berichten. Ein Quiz in der Seitenleiste einer Preisseite und eines mitten im Artikel verhalten sich völlig unterschiedlich, landen mit nur einem Tracking-Parameter aber als eine Quelle im CRM. Geben Sie jeder Platzierung beim Ausrollen eine eigene Kennung; nachträgliche Zuordnung nach einem Quartal Mischtraffic gelingt selten.
Häufig gestellte Fragen
Wie bettet man ein Quiz auf einer Website ein?
Kopieren Sie das bereitgestellte iframe- oder Skript-Snippet aus Ihrem Quiz-Builder und fügen Sie es in das HTML der Zielseite ein. Das Quiz wird dann inline dort gerendert, wo Sie den Code platzieren.
Schadet das Einbetten eines Quiz dem Tracking und der Attribution?
Das kann passieren, da iframes UTMs, Cookies und Conversion-Events von der Hostseite isolieren können. Wählen Sie ein Embed, das Parameter durchreicht, und prüfen Sie das Cross-Domain-Tracking, bevor Sie sich darauf verlassen.
Ist ein eingebettetes Quiz besser als eine eigenständige Quiz-Seite?
Das hängt vom Kontext ab. Das Einbetten in relevante, stark frequentierte Inhalte hebt oft Start- und Conversion-Raten, während eine eigenständige Seite mehr Kontrolle über das Vollbild-Erlebnis und die Ladezeit bietet.
iframe oder Skript-Embed für ein Quiz?
Ein iframe, wenn das Quiz auf Seiten läuft, die Sie nicht kontrollieren, Partnerseiten eingeschlossen, weil die Isolation verhindert, dass fremdes CSS es zerlegt. Ein Skript-Embed, wenn das Quiz nativ wirken soll und Ihnen das Theme gehört. Das iframe kostet Höhenlogik und Tracking-Arbeit, das Skript kostet Style-Debugging bei jedem neuen Template.
Warum ist mein eingebettetes Quiz abgeschnitten oder scrollt in sich?
Der Container hat eine feste Höhe und das Quiz ist höher. Das Embed muss bei jedem Schritt seine Inhaltshöhe an den Host senden, und der Host braucht einen Listener, der sie anwendet. Solange das fehlt, scrollt jede Frage, die länger als die erste ist, im Rahmen, und übersehen werden ausgerechnet die Navigationsbuttons.
Werden UTM-Parameter automatisch ins eingebettete Quiz übergeben?
Nein. Das iframe lädt seine eigene URL und erbt den Query-String der Hostseite nicht, sofern Sie ihn nicht bewusst anhängen. Lesen Sie die Parameter auf dem Host und übergeben Sie sie in die Embed-Quelle, oder erfassen Sie sie auf dem Host und senden Sie sie in den Frame. Ohne diesen Schritt sieht jeder Lead nach Direktzugriff aus.
An welcher Stelle einer Seite gehört ein Quiz-Embed?
Direkt hinter die Passage, die das vom Quiz diagnostizierte Problem etabliert, denn dort ist das Interesse am höchsten und der Text ringsum hat die Rahmung geleistet. In langen Artikeln ist das meist nach einem Drittel, nicht am Ende. Der Seitenfuß erreicht nur jene, die fertig gelesen haben, und das ist ein kleiner Anteil.
Verlangsamt ein eingebettetes Quiz die Seite?
Es kann, auf zwei Wegen: durch den Loader selbst und durch den Layout-Sprung, wenn der Container nach dem Rendern seine Höhe ändert. Laden Sie das Embed verzögert, sobald es sich dem sichtbaren Bereich nähert, und reservieren Sie eine sinnvolle Mindesthöhe, damit der Text nicht springt. Redaktionen melden das meist vor Ihrem Analytics.
Kann dasselbe Quiz auf mehreren Websites eingebettet werden?
Ja, und bei Partner- oder Co-Marketing-Platzierungen ist das der Normalfall. Geben Sie jedem Host einen eigenen Parameter, damit die Ergebnisse trennbar bleiben, und prüfen Sie das Styling überall, denn ein Theme mit aggressiven Formularstilen kann dasselbe Embed auf einer Seite unbrauchbar machen. Auch das Einwilligungsverhalten unterscheidet sich je Host.