Quiz auf Website einbetten: 6 Formate und Schritt-für-Schritt-Anleitung
Betten Sie ein interaktives Quiz auf Ihrer Website ein — in 2 Minuten, ohne Entwickler und ohne manuellen Code. Wählen Sie das passende Einbettungsformat und beginnen Sie sofort nach der Veröffentlichung mit der Lead-Generierung.
Embed ist eine Möglichkeit, einen Quiz erstellen direkt einzubetten — ohne Besucher auf eine externe Seite weiterzuleiten. Sie kopieren den generierten Code aus den Quiz-Einstellungen und fügen ihn auf Ihrer Seite ein. Das Quiz erscheint als natürlicher Teil Ihrer Website, nicht als externer Link.
Das ist entscheidend für die Conversion: Wenn ein Besucher auf Ihrer Website bleibt und das Formular dort ausfüllt — vertraut er Ihnen mehr, als wenn er auf eine Drittanbieter-Seite weitergeleitet wird. Ein eingebetteter Quiz wirkt wie ein Teil der Seite, nicht wie Werbung.
Wie Sie ein Quiz auf Ihrer Website einbetten
Sehen Sie sich die Schritt-für-Schritt-Anleitung an — von der Auswahl des Einbettungsformats bis zum Live-Gang des Quiz auf der Website.
Normales Formular oder das Quiz: Was konvertiert besser?
6 Formate zum Quiz erstellen und einbetten
AdsQuiz bietet sechs verschiedene Einbettungsoptionen für Ihr Quiz, jede für eine bestimmte Aufgabe. Verwenden Sie eines — oder kombinieren Sie mehrere auf verschiedenen Seiten.
In die Seite eingebettet
Das Quiz wird direkt im Seiteninhalt angezeigt, wie ein normaler Content-Block. Ideal für Landing Pages, auf denen das Quiz das Haupt-Conversion-Element ist.
Pop-up durch Bedingung ausgelöst
Das Quiz erscheint als modales Fenster — ausgelöst durch einen Button-Klick, nach einer Zeitverzögerung oder bei Exit Intent. Stört das Browsing nicht, bis der Besucher bereit ist.
Chat-Blase in der Ecke
Ein Button mit Symbol erscheint in der Ecke der Seite. Klick — das Quiz öffnet sich. Sieht aus wie ein Support-Chat, aber anstelle eines Agenten — ein automatischer Quiz.
Vollbildmodus
Das Quiz nimmt den gesamten Bildschirm ein — maximaler Fokus, null Ablenkung. Am besten für mehrstufige Quizze, bei denen die Konzentration des Besuchers wichtig ist.
Fixierter Balken unten
Ein schmaler Balken ist am unteren Bildschirmrand fixiert. Klick — öffnet sich zu einem Quiz. Immer sichtbar beim Scrollen, ohne Platz auf der Seite zu beanspruchen.
Ausfahrbar von der Seite
Das Quiz fährt von der Seite heraus — links oder rechts. Überdeckt den Hauptinhalt nicht, ist aber immer zugänglich. Ideal für Websites mit langen Artikeln.
So sieht das Einbettungsformat „Chat-Button“ auf einer Website aus.
Um die Quiz-Einbettung auf Ihrer Website zu konfigurieren — gehen Sie zu den Einstellungen des gewünschten Quiz, geben Sie die Domain der Website ein, wählen Sie das Einbettungsformat, konfigurieren Sie Farben und andere Parameter und generieren Sie den Code zur Einbettung auf Ihrer Website.
Schritt-für-Schritt Anleitung zur Einbettungskonfiguration
Öffnen Sie die Quiz-Einstellungen
Melden Sie sich bei Ihrem AdsQuiz-Konto an, wählen Sie das Quiz, den Sie einbetten möchten, gehen Sie zu seinen Einstellungen und öffnen Sie dann den Bereich „Quiz auf der Website installieren“.
Geben Sie Ihre Website-Domain ein
Geben Sie im Feld „Domain“ die Adresse Ihrer Website ein, z.B. meinewebsite.de. Dadurch funktioniert der Einbettungscode korrekt. Sie können mehrere Domains hinzufügen, wenn das Quiz auf mehreren Websites platziert wird.
https:// eingeben — nur der Website-Name.Wählen Sie das Einbettungsformat
Klicken Sie auf das Format, das Ihrem Ziel entspricht: Standard, Popup, Chat-Button, Vollbild, Feedback oder Seitenleiste. Jedes Format zeigt sofort eine Vorschau, wie das Quiz auf der Website aussehen wird.
Standard
Für Landing Pages und Service-Seiten — Quiz direkt im Seiteninhalt eingebettet.
Chat-Button
Für jede Website — unauffälliger Quiz-Aufruf über ein Symbol in der Ecke.
Popup
Für Blogs und Online-Shops — Quiz erscheint basierend auf einer Auslösebedingung.
Vollbild
Für detaillierte Produkt-Matching-Quizze — vollständige Immersion, null Ablenkung.
Feedback
Fixierter unterer Balken — beim Scrollen immer sichtbar, öffnet sich beim Klick zu einem Quiz.
Seitenleiste
Fährt von der Seite heraus. Überdeckt den Inhalt nicht, ist aber immer zugänglich.
Konfigurieren Sie die Anzeigeeinstellungen
Je nach gewähltem Format stehen verschiedene Konfigurationsoptionen zur Verfügung. Hier sind die wichtigsten:
Quiz-Größe
Breite und Höhe in Pixeln oder Prozent. Für Standard-Einbettung — 100% Breite und 600–700px Höhe.
Geräteanzeige
Auf allen Geräten, nur Desktop oder nur Mobile anzeigen — Ihre Wahl.
Anzeigebedingungen
Auslöser: nach einer Zeitverzögerung, bei Button-Klick oder Exit Intent (Besucher versucht die Website zu schließen).
Aufruf-Symbol
Für Chat-Button und Feedback — Chat, Fragezeichen, Formular, Telefon oder eigenes Symbol.
Code generieren und auf der Website einfügen
Nach der Konfiguration klicken Sie auf „Code generieren“. Fügen Sie ihn in das HTML Ihrer Website vor dem schließenden Tag </body> oder in einen benutzerdefinierten HTML-Block in Ihrem Website-Builder ein (WordPress, Webflow, Wix und andere unterstützen dies sofort).
Bereit, Ihren Quiz auf der Website zu platzieren?
Registrieren Sie sich bei AdsQuiz, wählen Sie eine Vorlage und erhalten Sie Ihren Einbettungscode in 2 Minuten — kostenlos.
Wie Sie die Conversion des eingebetteten Quiz erhöhen
Eine richtig konfigurierte Einbettung ist die halbe Miete. Hier ist, was sonst noch hilft, mehr Leads zu gewinnen.
Über dem Falz platzieren
Ein Quiz im ersten Bildschirm erhält 2–3 Mal mehr Interaktionen als einer, der weiter unten platziert ist.
Verzögerung für Popup einstellen
Ein Popup nach 15–20 Sekunden ist viel weniger störend als eines, das sofort beim Seitenaufruf erscheint.
Ein Quiz pro Seite
Platzieren Sie nicht mehrere Einbettungen auf einer Seite. Ein klarer CTA bedeutet besseren Fokus und höhere Conversion Rate.
Symbol zum Design passend wählen
Beim Chat-Button-Format ein Symbol wählen, das zum visuellen Stil der Website passt — das erhöht die Klickrate.
Analytics-Pixel verbinden
Event-Tracking in Google Analytics oder Facebook Pixel einrichten — um die echten Kosten pro Lead zu sehen.
CRM verbinden
Lead-Übertragung in Ihr CRM über Webhook einrichten — das Quiz überträgt Leads automatisch ohne manuelle Arbeit.
Wasserzeichen entfernen
Bei Bedarf kann das AdsQuiz-Wasserzeichen in den Einstellungen des jeweiligen Quiz deaktiviert werden.
Wo ein Quiz online am besten funktioniert
Immobilien
Immobilien-Matching-Quiz auf der Website eines Bauträgers oder einer Agentur. Der Kunde beantwortet 4–5 Fragen und erhält eine personalisierte Auswahl.
E-Commerce
Produktauswahl nach Parametern — Seitenleiste oder Popup. Ersetzt die Suche und hilft Kunden, schneller zu finden, was sie brauchen.
Bildung
„Finden Sie Ihren Kurs“-Quiz eingebettet auf der Landing Page einer Schule — anstelle eines langweiligen Anmeldeformulars.
Gesundheit & Medizin
Quiz zur Terminbuchung für eine Beratung oder Arztauswahl. Standard-Einbettung am Ende einer Service-Seite.
Bau & Renovierung
Renovierungskostenkalkulator oder Materialauswahl — funktioniert hervorragend im Vollbildmodus und ersetzt komplexe Berechnungsformulare.
B2B & Dienstleistungen
Chat-Button-Quiz auf einer Unternehmenswebsite — sammelt diskret Kontakte potenzieller Kunden rund um die Uhr.
Fallstudien unserer Kunden
Reale Ergebnisse von Unternehmen, die AdsQuiz nutzen
Quiz für Renovierungs-Leads: wie man qualitativ hochwertige Anfragen erhält
Echter Fall: ein Quiz auf der Website eines Bauunternehmens ersetzte ein normales Formular und verbesserte die Lead-Qualität.
Quiz + Google Sheets + Meta CAPI: +30% Lead-Conversion
Wie man die Lead-Übertragung vom Quiz zu Google Sheets einrichtet und die Conversion durch Meta CAPI steigert.
Wie ein Quiz die Lead-Kosten in einem Bildungsprojekt halbiert hat
Fallstudie: Quiz-Formular statt Standard-Registrierung — Kosten pro Lead sanken um das Doppelte.
Beispiel einer Quiz-Einbettung auf WordPress
Hier ist ein echtes Standard-Quiz von AdsQuiz auf WordPress eingebettet — direkt auf dieser Seite.
7 Fehler beim Einbetten eines Quiz auf der Website
Domain in den Einstellungen nicht angegeben
Ohne die korrekte Domain wird der Einbettungscode möglicherweise nicht korrekt angezeigt oder blockiert. Füllen Sie immer das Feld „Domain“ aus, bevor Sie den Code kopieren.
Code in <head> statt </body> eingefügt
Das Quiz-Skript sollte vor dem schließenden Tag </body> platziert werden, nicht im Seitenkopf. Andernfalls lädt das Quiz möglicherweise nicht oder verlangsamt die Website.
Feste Höhe zu klein für den Inhalt
Wenn das Quiz viele Fragen hat und die iframe-Höhe zu klein eingestellt ist — erscheint ein Scrollbalken innerhalb des Quiz. Höhe mit ausreichend Spielraum einstellen oder Auto-Höhe verwenden.
Mehrere Popups auf einer Seite
Zwei Popup-Fenster gleichzeitig sind ein garantierter Weg, Besucher zu verärgern. Maximal einen Einbettungstyp pro Seite.
Anzeige nach Veröffentlichung nicht geprüft
Nach dem Einbetten immer die Seite im Browser und auf dem Smartphone öffnen. Manchmal ändert der Website-Builder die Code-Struktur beim Speichern.
Mobile deaktiviert, obwohl Quiz überall benötigt wird
Wenn Sie die mobile Anzeige deaktiviert haben, aber der größte Teil des Traffics von Smartphones kommt — verlieren Sie die meisten potenziellen Leads.
CRM nach dem Einbetten nicht verbunden
Der Quiz sammelt Leads, aber wenn Sie die Übertragung zu Ihrem CRM oder zumindest per E-Mail nicht einrichten — häufen sich Leads im Konto an und Manager sehen sie nicht rechtzeitig.
Häufig gestellte Fragen
Betten Sie Ihren ersten Quiz noch heute auf Ihrer Website ein
Maximieren Sie Ihre Lead-Generierung noch heute. Wählen Sie Ihr Einbettungsformat, fügen Sie den Code ein und lassen Sie AdsQuiz vollautomatisch hochwertige Kundenanfragen sammeln.
