Quiz auf der Website einbetten – universeller Code

Ein AdsQuiz-Quiz auf Ihrer Website einbetten

In dieser Anleitung zeigen wir, wie Sie ein AdsQuiz-Quiz als vollwertigen Teil Ihrer Website nutzen – nicht nur als Standardformular, sondern als Widget, Pop-up oder interaktiven Block auf verschiedenen Seiten.

Ein Quiz lässt sich heute je nach Ziel in unterschiedlichen Formaten einbinden. Es kann als vollständige Seite zur Zielgruppensegmentierung dienen oder als eigenes Oberflächenelement, das beim Sammeln von Anfragen hilft.

Sie können das Quiz an verschiedenen Stellen Ihrer Website platzieren:

• als Block auf einer Seite;
• als Pop-up;
• als Chat-Formular;
• als Seitenleiste;
• als interaktiver Hinweis oder Start-Button.

Außerdem stehen verschiedene Anzeige-Trigger zur Verfügung:

• nach einer bestimmten Zeit auf der Website;
• bei Klick auf einen Button;
• wenn der Besucher die Seite verlassen will (Exit Intent);
• automatisch beim Laden der Seite.

So steuern Sie das Verhalten des Quiz genau und steigern die Conversion in jedem Nutzungsszenario.

Einbettung des Quiz einrichten

Schritt 1. Um das Quiz auf Ihrer Website zu installieren, öffnen Sie die Quiz-Einstellungen und den Bereich «Quiz auf der Website installieren».

Gehen Sie dann so vor:

Geben Sie die Domain ein, auf der das Quiz platziert wird.
Wählen Sie das Anzeigeformat (Block, Pop-up, Widget usw.).
Legen Sie die Größe des Quiz fest oder nutzen Sie eine der fertigen Optionen.
Legen Sie bei Bedarf eigene Anzeigeparameter manuell fest.
Wählen Sie die Geräte (Desktop, Mobil oder alle).

Sie können auch das Aussehen anpassen:
• Farben der Buttons;
• Farben der Icons;
• Stile der Oberflächenelemente.

💡 Tipp: Nutzen Sie die Darstellungseinstellungen – damit passen Sie das Quiz vollständig an das Design Ihrer Website an.

Schritt 2. Code erzeugen und einfügen

Klicken Sie nach der Einrichtung auf «Code generieren» – das System erstellt ein Skript zum Einbetten.

Fügen Sie es in den passenden Block oder Bereich Ihrer Website-Vorlage ein.

Schritt 3. Funktion prüfen

Prüfen Sie nach der Veröffentlichung:

• wie das Quiz auf Desktop und Smartphone aussieht;
• ob die Anzeige-Trigger funktionieren (Klick, Zeit, Exit Intent);
• ob Anfragen korrekt erfasst werden.

⚠️ Wichtig:Stellen Sie vor dem Einbetten sicher, dass die Domain in den AdsQuiz-Einstellungen hinzugefügt ist.

🧩 WordPress

So betten Sie das Quiz ein

• öffnen Sie das WordPress-Dashboard
• gehen Sie zur gewünschten Seite oder zum Beitrag
• fügen Sie einen Block «Code» oder Custom HTML
• fügen Sie das JS-Skript ein
• speichern und veröffentlichen

🛒 Shopify

So betten Sie das Quiz ein

• öffnen Sie den Shopify-Adminbereich
• gehen Sie zu Online Store → Themes → Edit code
• öffnen Sie die gewünschte Vorlage (Produkt, Seite oder theme.liquid)
• fügen Sie das Skript vor </body> oder in den gewünschten Block ein
• speichern Sie die Änderungen

🎯 Wix

So betten Sie das Quiz ein

• öffnen Sie den Wix-Editor
• klicken Sie auf Add → Embed → Custom Embeds
• wählen Sie HTML iframe / Embed Code
• fügen Sie das AdsQuiz-Skript ein
• platzieren Sie den Block auf der Seite
• veröffentlichen Sie die Website

🧩 Webflow

So betten Sie das Quiz ein

• öffnen Sie Ihr Projekt in Webflow
• gehen Sie zu Page Settings oder Project Settings
• suchen Sie den Bereich Custom Code
• fügen Sie das Skript ein in Before tag
• speichern und veröffentlichen Sie die Website

⚡ Lovable

So betten Sie das Quiz ein

• öffnen Sie den Lovable-Editor
• gehen Sie zum Bereich für eigenen Code oder Integrationen
• fügen Sie das AdsQuiz-JS-Skript ein
• speichern Sie die Änderungen
• veröffentlichen Sie die Seite

⚛️ Next.js

So betten Sie das Quiz ein

• öffnen Sie Ihr Next.js-Projekt
• fügen Sie das Skript in die Komponente ein _app.js oder layout.js
• speichern und starten Sie das Projekt

▶️ Empfohlenes Video

Um die Einrichtung besser zu verstehen, empfehlen wir die Videoanleitung:

❓ Häufig gestellte Fragen

Kann ich ein Quiz ohne Code einbetten? Nein. Zum Einbetten wird ein generiertes JS-Skript verwendet.

Funktioniert das Quiz auf Mobilgeräten? Ja, das Quiz ist responsiv und passt sich automatisch an Smartphone und Desktop an.

Kann ich das Quiz als Pop-up nutzen? Ja. Verfügbare Formate: Block, Widget, Pop-up, Chat-Formular.

Kann ich das Quiz auf mehreren Domains einbinden? Ja. Im Feld «Domain» im Bereich «Teilen» gibt es die Schaltfläche «Domain hinzufügen» – Sie können mehrere Adressen hinzufügen. Das ist praktisch, wenn ein Quiz gleichzeitig auf Ihrer Hauptwebsite und auf Micro-Landingpages läuft.