15 Wege, wie Sie aus Quizzes First-Party-Daten machen – mit dem Riddle Data Layer und JS Events

Können Sie User-Daten an ein Quiz übergeben und die Antworten in Echtzeit zurückbekommen? Ja. Riddle, der Quiz- und Umfrage-Maker, erledigt das mit zwei Funktionen: Der Data Layer schickt Daten hinein, und JS Events senden jede Interaktion nach außen, während der User noch spielt. Hier sind 15 Beispiele, die jeder Publisher, jede Marke und jede Agentur sofort umsetzen kann.

Third-Party-Cookies verschwinden, und die KI-Suche kostet Sie Traffic. User zum Login zu bewegen und Nutzerprofile aufzubauen, sind sichere Wege, Ihre Zielgruppe zu halten und auszubauen.

Warum ist es wichtig, Daten an ein Riddle zu übergeben?

Riddle stellt Ihnen einen Data Layer zur Verfügung, über den Ihre Website Daten an Riddle übergeben kann. Vielleicht kennen Sie das Prinzip schon aus dem Google Tag Manager – der Data Layer von Riddle funktioniert sehr ähnlich. Ihre Website schreibt Informationen in den Data Layer, Riddle greift sie auf, nutzt sie in Echtzeit und gibt die Daten anschließend zusammen mit weiteren Informationen aus dem Riddle an Sie zurück.

Informationen eingeloggter User

Der häufigste Anwendungsfall ist die Übergabe von Daten eingeloggter User an ein Quiz, ein Gewinnspiel oder ein Formular. Wenn Sie die Daten des Users bereits kennen, muss er nicht noch ein weiteres Formular ausfüllen. Sie können eingeloggten Usern Ihrer App oder Website aber auch andere Inhalte ausspielen. Das kann eine einfache Nachricht sein wie „Melden Sie sich an oder erstellen Sie ein Konto, um mitzuspielen.“

Sie müssen dafür nicht einmal personenbezogene Daten an Riddle übergeben – eine anonyme User-ID reicht aus, um den User zu identifizieren, sobald Sie die Daten aus Ihrem Quiz oder Formular zurückbekommen.

Mit der Branching-Logik von Riddle zeigen Sie eingeloggten und nicht eingeloggten Usern unterschiedliche Inhalte. Das funktioniert in Apps und auf Websites und ist eine einfache Möglichkeit, Ihre Riddle-Inhalte hinter einen Login zu stellen.

Angenommen, Sie veranstalten ein Gewinnspiel, an dem nur eingeloggte User teilnehmen sollen, um mehr Registrierungen zu gewinnen. Übergeben Sie Riddle einfach eine Data-Layer-Variable mit dem Login-Status. Riddle zeigt eingeloggten Usern dann die Teilnahmeseite und allen anderen den Hinweis, sich anzumelden oder ein Konto zu erstellen. Sie können sogar Ihr Login-Formular direkt im Riddle platzieren.

Das ist der gesamte Code, den Sie auf der Seite brauchen, auf der Ihr Riddle eingebunden ist. Legen Sie zuerst in Ihrem Riddle unter Publish > Data Layer die Keys an (hier user_id und logged_in) und übergeben Sie dann die Werte von Ihrer Website. Damit dieser Code funktioniert, benötigen Sie den Business-Plan von Riddle oder höher. In unserer kostenlosen Testphase sind alle Funktionen freigeschaltet – Sie können den Code also in Ihrer laufenden Testphase nutzen oder eine neue starten, wenn Sie vor dem Upgrade testen möchten:

window.riddleDataLayer = window.riddleDataLayer || [];
window.riddleDataLayer.push({ key: "user_id", value: "a1b2c3" });
window.riddleDataLayer.push({ key: "logged_in", value: "1" });

Unterschiedliche Inhalte für Abonnenten und Nicht-Abonnenten

Übergeben Sie Riddle den Paywall-Status und zeigen Sie die Riddle-Inhalte nur zahlenden Usern. Alle anderen sehen den Hinweis „Jetzt abonnieren und Inhalt freischalten“ und einen Call-to-Action-Button. So bieten Sie zum Beispiel ein wöchentliches News-Quiz mit Leaderboard oder ein Tippspiel mit Preisen für den besten Tipp exklusiv für Abonnenten an.

Die erste Riddle-Frage in eine E-Mail oder einen Social-Post einbetten

Mit dem Data Layer können Sie die erste Frage eines Riddles in einen Social-Media-Post oder eine E-Mail einbetten. Jede Antwortoption bekommt einen eigenen Link, der das Riddle öffnet, die Stimme über den Data Layer abgibt und direkt zu Frage 2 springt. Hier erfahren Sie, wie Sie das einrichten, und hier finden Sie ein Live-Beispiel.

Tracking-Links und UTM-Parameter erfassen

Wenn Sie messen möchten, wie Ihre verschiedenen Traffic-Quellen abschneiden, erfassen Sie mit dem Data Layer von Riddle UTM-Variablen und URL-Parameter aus Ihrer URL und speichern sie zu jedem User, der ein Riddle abschließt. Sieht Ihre URL zum Beispiel so aus: https://mysite.com?utm_source=googleads&utm_campaign=quizleads, können wir „googleads“ und „quizleads“ zusammen mit den Daten jedes Quiz-Teilnehmers speichern. Besonders nützlich ist das, wenn Ihr Riddle ein Lead-Formular enthält. Neben den Formulardaten sehen Sie dann genau, über welche Kampagne ein User gekommen ist – und ob Ihre Kampagnen eine gute Abschlussrate beim Formular erzielen.

Einwilligungsdaten an Riddle und an Anzeigen im Riddle übergeben

Mit Riddle können Sie Ihren Ad Server anbinden und dynamische Anzeigen direkt im Riddle ausspielen. Wenn Sie eine Consent-Management-Plattform (CMP) wie OneTrust, Cookiebot oder Usercentrics nutzen, um die DSGVO-Einwilligung für Ihre Anzeigen einzuholen, können Sie diese Einwilligung über unseren Data Layer von Ihrer CMP an den Google Ad Manager weitergeben. Das funktioniert auch mit Einwilligungssignalen aus dem IAB Transparency and Consent Framework (TCF), dem Branchenstandard für Werbe-Einwilligungen in Europa. Eine ausführliche Anleitung finden Sie hier: Data-Layer-Variablen in Projekt-Ad-Slots.

Dark Mode oder individuelles Styling für dasselbe Riddle

Übergeben Sie über den Data Layer eine Paletten-ID an das Riddle und ändern Sie das Look-and-Feel Ihrer Riddles im laufenden Betrieb. Bietet Ihre Website einen Dark Mode, übergeben Sie den Dark-Mode-Wert an Riddle und wechseln Sie zur passenden Palette (siehe Beispiel).

Mit derselben Funktion können Sie auch ein Riddle für mehrere Submarken verwenden und das Erscheinungsbild jeweils anpassen.

Weitere Möglichkeiten zur Personalisierung mit dem Data Layer

Treuestufe oder Lieblingsverein

Übergeben Sie Riddle ein Profilmerkmal wie den Loyalty-Status oder den Lieblingsverein eines Users und zeigen Sie – in Kombination mit unserer Branching-Logik – je nach Merkmal unterschiedliche Fragen oder Ergebnisse.

Geo- oder Altersbeschränkung

Übergeben Sie Riddle Geo-Informationen oder das Alter eines Users und zeigen Sie die Inhalte nur berechtigten Usern. Bitte beachten Sie: Diese Beschränkung ist nur so gut wie die Daten, die an Riddle übergeben werden. Wenn ein User beim Alter schummelt oder per VPN einen anderen Standort vortäuscht, kann Riddle den Missbrauch nicht verhindern.

A/B-Tests

Übergeben Sie die ID der Testvariante aus Optimizely, VWO oder Ihrem eigenen Test-Setup und segmentieren Sie Leads und Events nach Variante.

Bitte beachten Sie, dass unser Data Layer den Business-Plan oder höher voraussetzt.

Daten schon zur Laufzeit aus Riddle abrufen

Riddle bietet die üblichen Wege, Daten zu exportieren – von Webhooks über unsere API-Endpunkte bis zum einfachen CSV-Export. All diese Methoden setzen aber voraus, dass ein User das interaktive Erlebnis abschließt.

Um Daten schon zur Laufzeit zu erhalten, nutzen Sie unsere JS Events. Damit erfassen Sie in Echtzeit alles, was ein User tut, während das Quiz läuft: ausgewählte Antworten, Formulareinsendungen, übersprungene Fragen und viele weitere Events – und verarbeiten sie direkt auf Ihrer Website.

Hier finden Sie eine Liste aller Events, die Sie erfassen können.

Um auf diese Events zu reagieren, brauchen Sie nur ein paar Zeilen JavaScript auf der Seite, auf der Ihr Riddle eingebunden ist:

window.addEventListener("message", function (event) {
  if (!event.data || !event.data.isRiddle2Event) return;

  if (event.data.action === "Block_Submit") {
    // die Frage, die Antwort und Ihre Data-Layer-Werte (z. B. user_id)
    console.log(event.data.blockTitle, event.data.answer, event.data.riddleDataLayer);
  }
});

Was können Sie mit diesen Events machen?

Hier sind Anwendungsfälle aus der Praxis, in denen JS Events Aktionen auf Ihrer Website auslösen:

Data-Management-Plattformen (DMPs) wie Permutive aktualisieren

Mit Data-Management-Plattformen bauen Sie anonyme Zielgruppen auf Ihrer Website auf. Damit können Sie relevantere Anzeigen ausspielen oder steuern, welche Funktionen eine Gruppe von Usern zu sehen bekommt. Allein aus dem Surfverhalten genug Daten für eine DMP zu sammeln, ist schwierig. User, die ein Quiz, eine Umfrage oder einen Persönlichkeitstest abschließen, liefern dagegen sehr detaillierte Informationen – und damit hochrelevante Daten für Ihre DMP. Mit den JS Events von Riddle geschieht das in Echtzeit.

Stellen Sie sich vor, ein User beantwortet eine Frage zu seinen Urlaubsvorlieben mit „Meer“ statt „Berge“. Diese Antwort kann Ihre DMP ansprechen, sodass Ihr Ad Server eine Anzeige für Strandurlaub ausspielt, während das Quiz noch läuft. Lösen Sie diese Trigger erst aus, wenn der User in Ihrer CMP seine Einwilligung gegeben hat.

Ad Refreshes

Ähnlich wie bei der DMP-Aktualisierung kann ein Quiz-Event wie der Wechsel zum nächsten Block auch Anzeigen außerhalb der Riddle-Einheit neu laden – per Custom JS Event und einer Nachricht an den Ad Server. Da jeder Refresh durch eine User-Aktion ausgelöst wird, etwa den Wechsel zur nächsten Frage, entspricht das den Refresh-Richtlinien von Ad Servern wie dem Google Ad Manager. Achten Sie nur darauf, das sich aktualisierende Inventar in Ihrem Ad Server zu deklarieren. Funktionierende Beispiele gibt es für Ad Refreshes außerhalb des Riddles und innerhalb des Riddles.

Zero-Party-Daten ins Nutzerprofil

Zero-Party-Daten sind Informationen, die User freiwillig mit Ihnen teilen – und Quiz-Antworten sind genau das. Greifen Sie mit unseren JS Events die Antworten eingeloggter User zusammen mit ihrer User-ID ab und übergeben Sie sie mit ein paar Zeilen eigenem Code an Ihr CRM (Brevo, Salesforce, Mailchimp, ActiveCampaign usw.). Wenn Sie lieber ohne Code arbeiten, gelangen dieselben Daten über unseren Webhook oder die integrierten Schnittstellen in Ihr CRM, sobald der User das Riddle abgeschlossen hat. Newsletter- oder Interessenpräferenzen, die sonst niemand ausfüllt, füllen sich so ganz nebenbei – durch Antworten in einem Quiz oder Persönlichkeitstest, den Ihre User gerne machen.

Inhalte nach Abschluss freischalten

Nutzen Sie das Finish-Event eines Riddles, um den Rest eines Artikels anzuzeigen, einen Gutscheincode einzublenden oder einen Download auf der Host-Seite freizugeben. So verdienen sich User die Belohnung, statt dafür zu bezahlen. Ein verwandtes Muster: User je nach Antwort weiterleiten.

Eigene Tracker und Pixel

Ein weiterer, weniger verbreiteter Anwendungsfall ist das Tracking von Events wie Formulareinsendungen in einem eigenen Tracking-Tool. Wenn Sie Kampagnen fahren, die User zum Ausfüllen eines Formulars bewegen sollen, erfassen Sie Formulareinsendungen mit unseren Events in Echtzeit, passen Ihr Kampagnen-Setup an und verbessern die Performance. Für die gängigsten Tracking-Tools wie Google Analytics, Google Tag Manager, Meta oder Matomo bieten wir eine Ein-Klick-Einrichtung. Wenn Sie aber Ihren eigenen Tracker einrichten möchten, geht das mit unserer Custom-Tracking-Event-Funktion.

Außerdem können Sie eigene Pixel für Conversion-Events bei TikTok, LinkedIn, Reddit oder Pinterest auslösen, wenn ein Formular abgeschickt oder übersprungen wird – und Ihre Kampagnen auf Leads statt auf Klicks optimieren.

Eigene Berechnungen für Riddle-Ergebnisse

Einige unserer Kunden berechnen Riddle-Ergebnisse mit vordefinierten wissenschaftlichen Modellen, etwa einem Gesundheitsrisiko-Score oder einer Versicherungsschätzung. Diese Modelle sind äußerst komplex und gehen weit über das hinaus, was eine normale Quiz-Auswertung leisten kann. Bietet das Modell eine API (also eine Schnittstelle, über die Riddle mit dem Berechnungsmodell kommunizieren kann), sammeln Sie mit unseren Events zunächst alle Antworten des Users und schicken sie dann zur Berechnung an das Modell. Sobald das Ergebnis zurückkommt, spielen Sie es über den Riddle Data Layer zurück ins Riddle, wo es auf der Ergebnisseite angezeigt wird.

Ein sehr einfaches Beispiel für einen solchen Rechner finden Sie hier: Riddle-Rechner-Beispiel.

Alles zusammen: der Daten-Kreislauf

Ihre volle Stärke entfalten beide Funktionen erst in Kombination. Jeder Wert, den Sie in den Riddle Data Layer schreiben, wird an die JS Events angehängt, die das Riddle zurücksendet. Übergeben Sie beim Laden des Riddles eine anonyme User-ID, und jede Antwort, jede übersprungene Frage und jede Formulareinsendung kommt bereits mit dieser ID markiert zurück. Kein Abgleich, kein zusätzliches Formular, kein Rätselraten, wer was geantwortet hat. Data-Layer-Werte werden standardmäßig mit Ihren Tracking-Events übertragen; Sie können das pro Tracking-Tool in dessen Custom-Event-Konfiguration abschalten.

So sieht das in der Praxis aus: Ein eingeloggter Leser öffnet ein Reise-Quiz, und Ihre Website übergibt seine User-ID an den Data Layer. Der Leser wählt „Meer“ statt „Berge“, und das Block_Submit-Event kommt mit der Antwort und der User-ID auf Ihrer Seite an. Ihre Website schickt beides an Ihre DMP und Ihr CRM, Ihr Ad Server zeigt im nächsten Block eine Strand-Anzeige, und im Profil des Lesers steht jetzt „bevorzugt Strandurlaub“ – ohne dass er je ein Präferenz-Formular ausgefüllt hat.

Daten rein, Daten raus, ein User, in Echtzeit.

Häufige Fragen: Riddle Data Layer und JS Events