{"id":10073,"date":"2026-10-26T18:48:35","date_gmt":"2026-10-26T18:48:35","guid":{"rendered":"https:\/\/www.riddle.com\/blog\/?p=10073"},"modified":"2026-10-26T19:02:10","modified_gmt":"2026-10-26T19:02:10","slug":"riddle-data-layer-js-events","status":"publish","type":"post","link":"https:\/\/www.riddle.com\/blog\/de\/use-cases-de\/daten-sammeln\/riddle-data-layer-js-events\/","title":{"rendered":"15 Wege, wie Sie aus Quizzes First-Party-Daten machen \u2013 mit dem Riddle Data Layer und JS Events"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">K\u00f6nnen Sie User-Daten an ein Quiz \u00fcbergeben und die Antworten in Echtzeit zur\u00fcckbekommen? 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\u00dfen, w\u00e4hrend der User noch spielt. Hier sind 15 Beispiele, die jeder Publisher, jede Marke und jede Agentur sofort umsetzen kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum ist es wichtig, Daten an ein Riddle zu \u00fcbergeben?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Riddle stellt Ihnen einen Data Layer zur Verf\u00fcgung, \u00fcber den Ihre Website Daten an Riddle \u00fcbergeben kann. Vielleicht kennen Sie das Prinzip schon aus dem Google Tag Manager \u2013 der Data Layer von Riddle funktioniert sehr \u00e4hnlich. Ihre Website schreibt Informationen in den Data Layer, Riddle greift sie auf, nutzt sie in Echtzeit und gibt die Daten anschlie\u00dfend zusammen mit weiteren Informationen aus dem Riddle an Sie zur\u00fcck.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Informationen eingeloggter User<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Der h\u00e4ufigste Anwendungsfall ist die \u00dcbergabe 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\u00fcllen. Sie k\u00f6nnen eingeloggten Usern Ihrer App oder Website aber auch andere Inhalte ausspielen. Das kann eine einfache Nachricht sein wie \u201eMelden Sie sich an oder erstellen Sie ein Konto, um mitzuspielen.\u201c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie m\u00fcssen daf\u00fcr nicht einmal personenbezogene Daten an Riddle \u00fcbergeben \u2013 eine anonyme User-ID reicht aus, um den User zu identifizieren, sobald Sie die Daten aus Ihrem Quiz oder Formular zur\u00fcckbekommen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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\u00f6glichkeit, Ihre Riddle-Inhalte hinter einen Login zu stellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Angenommen, Sie veranstalten ein Gewinnspiel, an dem nur eingeloggte User teilnehmen sollen, um mehr Registrierungen zu gewinnen. \u00dcbergeben 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\u00f6nnen sogar <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/data-layer\/embedding-a-login-form-in-an-ad-iframe\">Ihr Login-Formular direkt im Riddle platzieren<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"467\" src=\"https:\/\/www.riddle.com\/blog\/wp-content\/uploads\/2026\/10\/3-data-layer-branching.webp\" alt=\"Riddle liest logged_in aus Ihrem Data Layer und zeigt eingeloggten Usern die Teilnahme am Gewinnspiel, allen anderen einen Login-Hinweis.\" class=\"wp-image-10063\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 &gt; Data Layer die Keys an (hier <code>user_id<\/code> und <code>logged_in<\/code>) und \u00fcbergeben Sie dann die Werte von Ihrer Website. Damit dieser Code funktioniert, ben\u00f6tigen Sie den Business-Plan von Riddle oder h\u00f6her. In unserer kostenlosen Testphase sind alle Funktionen freigeschaltet \u2013 Sie k\u00f6nnen den Code also in Ihrer laufenden Testphase nutzen oder eine neue starten, wenn Sie vor dem Upgrade testen m\u00f6chten:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>window.riddleDataLayer = window.riddleDataLayer || &#91;];\nwindow.riddleDataLayer.push({ key: \"user_id\", value: \"a1b2c3\" });\nwindow.riddleDataLayer.push({ key: \"logged_in\", value: \"1\" });<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Unterschiedliche Inhalte f\u00fcr Abonnenten und Nicht-Abonnenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcbergeben Sie Riddle den Paywall-Status und zeigen Sie die Riddle-Inhalte nur zahlenden Usern. Alle anderen sehen den Hinweis \u201eJetzt abonnieren und Inhalt freischalten\u201c und einen Call-to-Action-Button. So bieten Sie zum Beispiel ein w\u00f6chentliches News-Quiz mit Leaderboard oder ein Tippspiel mit Preisen f\u00fcr den besten Tipp exklusiv f\u00fcr Abonnenten an.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Die erste Riddle-Frage in eine E-Mail oder einen Social-Post einbetten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mit dem Data Layer k\u00f6nnen 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 \u00f6ffnet, die Stimme \u00fcber den Data Layer abgibt und direkt zu Frage 2 springt. Hier erfahren Sie, <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/help\/publish\/submit-first-block-via-data-layer\">wie Sie das einrichten<\/a>, und hier finden Sie ein <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/data-layer\/vote-via-data-layer\">Live-Beispiel<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"467\" src=\"https:\/\/www.riddle.com\/blog\/wp-content\/uploads\/2026\/10\/4-first-question-in-email.webp\" alt=\"Riddle-Umfrage im Newsletter: Jede Antwort in der E-Mail ist ein Link, der die Stimme abgibt \u2013 Leser stimmen mit einem Klick ab.\" class=\"wp-image-10064\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Tracking-Links und UTM-Parameter erfassen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie messen m\u00f6chten, 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\u00dft. Sieht Ihre URL zum Beispiel so aus: <code>https:\/\/mysite.com?utm_source=googleads&amp;utm_campaign=quizleads<\/code>, k\u00f6nnen wir \u201egoogleads\u201c und \u201equizleads\u201c zusammen mit den Daten jedes Quiz-Teilnehmers speichern. Besonders n\u00fctzlich ist das, wenn Ihr Riddle ein Lead-Formular enth\u00e4lt. Neben den Formulardaten sehen Sie dann genau, \u00fcber welche Kampagne ein User gekommen ist \u2013 und ob Ihre Kampagnen eine gute Abschlussrate beim Formular erzielen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Einwilligungsdaten an Riddle und an Anzeigen im Riddle \u00fcbergeben<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mit Riddle k\u00f6nnen 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\u00fcr Ihre Anzeigen einzuholen, k\u00f6nnen Sie diese Einwilligung \u00fcber 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\u00fcr Werbe-Einwilligungen in Europa. Eine ausf\u00fchrliche Anleitung finden Sie hier: <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/data-layer\/data-layer-variables-in-project-ad-slots\">Data-Layer-Variablen in Projekt-Ad-Slots<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dark Mode oder individuelles Styling f\u00fcr dasselbe Riddle<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcbergeben Sie \u00fcber den Data Layer eine Paletten-ID an das Riddle und \u00e4ndern Sie das Look-and-Feel Ihrer Riddles im laufenden Betrieb. Bietet Ihre Website einen Dark Mode, \u00fcbergeben Sie den Dark-Mode-Wert an Riddle und wechseln Sie zur passenden Palette (<a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/data-layer\/change-palette-via-data-layer\">siehe Beispiel<\/a>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit derselben Funktion k\u00f6nnen Sie auch ein Riddle f\u00fcr mehrere Submarken verwenden und das Erscheinungsbild jeweils anpassen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Weitere M\u00f6glichkeiten zur Personalisierung mit dem Data Layer<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Treuestufe oder Lieblingsverein<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcbergeben Sie Riddle ein Profilmerkmal wie den Loyalty-Status oder den Lieblingsverein eines Users und zeigen Sie \u2013 in Kombination mit unserer Branching-Logik \u2013 je nach Merkmal unterschiedliche Fragen oder Ergebnisse.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Geo- oder Altersbeschr\u00e4nkung<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcbergeben Sie Riddle Geo-Informationen oder das Alter eines Users und zeigen Sie die Inhalte nur berechtigten Usern. Bitte beachten Sie: Diese Beschr\u00e4nkung ist nur so gut wie die Daten, die an Riddle \u00fcbergeben werden. Wenn ein User beim Alter schummelt oder per VPN einen anderen Standort vort\u00e4uscht, kann Riddle den Missbrauch nicht verhindern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">A\/B-Tests<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcbergeben Sie die ID der Testvariante aus Optimizely, VWO oder Ihrem eigenen Test-Setup und segmentieren Sie Leads und Events nach Variante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bitte beachten Sie, dass unser Data Layer den <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/pricing\">Business-Plan<\/a> oder h\u00f6her voraussetzt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Daten schon zur Laufzeit aus Riddle abrufen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Riddle bietet die \u00fcblichen Wege, Daten zu exportieren \u2013 von Webhooks \u00fcber unsere API-Endpunkte bis zum einfachen CSV-Export. All diese Methoden setzen aber voraus, dass ein User das interaktive Erlebnis abschlie\u00dft.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"467\" src=\"https:\/\/www.riddle.com\/blog\/wp-content\/uploads\/2026\/10\/2-js-events-vs-webhook.webp\" alt=\"Riddle JS Events werden w\u00e4hrend des Quiz in Echtzeit ausgel\u00f6st, Daten per Webhook, API und CSV kommen erst nach dem Abschluss an.\" class=\"wp-image-10062\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Um Daten schon zur Laufzeit zu erhalten, nutzen Sie unsere JS Events. Damit erfassen Sie in Echtzeit alles, was ein User tut, w\u00e4hrend das Quiz l\u00e4uft: ausgew\u00e4hlte Antworten, Formulareinsendungen, \u00fcbersprungene Fragen und viele weitere Events \u2013 und verarbeiten sie direkt auf Ihrer Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hier finden Sie eine <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/help\/tracking\/js-events\">Liste aller Events, die Sie erfassen k\u00f6nnen<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um auf diese Events zu reagieren, brauchen Sie nur ein paar Zeilen JavaScript auf der Seite, auf der Ihr Riddle eingebunden ist:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>window.addEventListener(\"message\", function (event) {\n  if (!event.data || !event.data.isRiddle2Event) return;\n\n  if (event.data.action === \"Block_Submit\") {\n    \/\/ die Frage, die Antwort und Ihre Data-Layer-Werte (z. B. user_id)\n    console.log(event.data.blockTitle, event.data.answer, event.data.riddleDataLayer);\n  }\n});<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Was k\u00f6nnen Sie mit diesen Events machen?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hier sind Anwendungsf\u00e4lle aus der Praxis, in denen JS Events Aktionen auf Ihrer Website ausl\u00f6sen:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Data-Management-Plattformen (DMPs) wie Permutive aktualisieren<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Mit Data-Management-Plattformen bauen Sie anonyme Zielgruppen auf Ihrer Website auf. Damit k\u00f6nnen Sie relevantere Anzeigen ausspielen oder steuern, welche Funktionen eine Gruppe von Usern zu sehen bekommt. Allein aus dem Surfverhalten genug Daten f\u00fcr eine DMP zu sammeln, ist schwierig. User, die ein Quiz, eine Umfrage oder einen Pers\u00f6nlichkeitstest abschlie\u00dfen, liefern dagegen sehr detaillierte Informationen \u2013 und damit hochrelevante Daten f\u00fcr Ihre DMP. Mit den JS Events von Riddle geschieht das in Echtzeit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Stellen Sie sich vor, ein User beantwortet eine Frage zu seinen Urlaubsvorlieben mit \u201eMeer\u201c statt \u201eBerge\u201c. Diese Antwort kann Ihre DMP ansprechen, sodass Ihr Ad Server eine Anzeige f\u00fcr Strandurlaub ausspielt, w\u00e4hrend das Quiz noch l\u00e4uft. L\u00f6sen Sie diese Trigger erst aus, wenn der User in Ihrer CMP seine Einwilligung gegeben hat.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ad Refreshes<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c4hnlich wie bei der DMP-Aktualisierung kann ein Quiz-Event wie der Wechsel zum n\u00e4chsten Block auch Anzeigen au\u00dferhalb der Riddle-Einheit neu laden \u2013 per Custom JS Event und einer Nachricht an den Ad Server. Da jeder Refresh durch eine User-Aktion ausgel\u00f6st wird, etwa den Wechsel zur n\u00e4chsten 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\u00fcr <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/ad-examples\/ad-refresh-outside-the-riddle-embed\">Ad Refreshes au\u00dferhalb des Riddles<\/a> und <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/ad-examples\/ad-refresh-inside-the-riddle-embed\">innerhalb des Riddles<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Zero-Party-Daten ins Nutzerprofil<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Zero-Party-Daten sind Informationen, die User freiwillig mit Ihnen teilen \u2013 und Quiz-Antworten sind genau das. Greifen Sie mit unseren JS Events die Antworten eingeloggter User zusammen mit ihrer User-ID ab und \u00fcbergeben 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 \u00fcber unseren Webhook oder die integrierten Schnittstellen in Ihr CRM, sobald der User das Riddle abgeschlossen hat. Newsletter- oder Interessenpr\u00e4ferenzen, die sonst niemand ausf\u00fcllt, f\u00fcllen sich so ganz nebenbei \u2013 durch Antworten in einem Quiz oder Pers\u00f6nlichkeitstest, den Ihre User gerne machen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Inhalte nach Abschluss freischalten<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">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\u00fcr zu bezahlen. Ein verwandtes Muster: <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/js-events\/entrypoint\">User je nach Antwort weiterleiten<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Eigene Tracker und Pixel<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">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\u00fcllen eines Formulars bewegen sollen, erfassen Sie Formulareinsendungen mit unseren Events in Echtzeit, passen Ihr Kampagnen-Setup an und verbessern die Performance. F\u00fcr die g\u00e4ngigsten 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\u00f6chten, geht das mit unserer <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/help\/tracking\/custom-tracking\">Custom-Tracking-Event-Funktion<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au\u00dferdem k\u00f6nnen Sie eigene Pixel f\u00fcr Conversion-Events bei TikTok, LinkedIn, Reddit oder Pinterest ausl\u00f6sen, wenn ein Formular abgeschickt oder \u00fcbersprungen wird \u2013 und Ihre Kampagnen auf Leads statt auf Klicks optimieren.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Eigene Berechnungen f\u00fcr Riddle-Ergebnisse<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Einige unserer Kunden berechnen Riddle-Ergebnisse mit vordefinierten wissenschaftlichen Modellen, etwa einem Gesundheitsrisiko-Score oder einer Versicherungssch\u00e4tzung. Diese Modelle sind \u00e4u\u00dferst komplex und gehen weit \u00fcber das hinaus, was eine normale Quiz-Auswertung leisten kann. Bietet das Modell eine API (also eine Schnittstelle, \u00fcber die Riddle mit dem Berechnungsmodell kommunizieren kann), sammeln Sie mit unseren Events zun\u00e4chst alle Antworten des Users und schicken sie dann zur Berechnung an das Modell. Sobald das Ergebnis zur\u00fcckkommt, spielen Sie es \u00fcber den Riddle Data Layer zur\u00fcck ins Riddle, wo es auf der Ergebnisseite angezeigt wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein sehr einfaches Beispiel f\u00fcr einen solchen Rechner finden Sie hier: <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.riddle.com\/examples\/data-layer\/calculator\">Riddle-Rechner-Beispiel<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Alles zusammen: der Daten-Kreislauf<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ihre volle St\u00e4rke entfalten beide Funktionen erst in Kombination. Jeder Wert, den Sie in den Riddle Data Layer schreiben, wird an die JS Events angeh\u00e4ngt, die das Riddle zur\u00fccksendet. \u00dcbergeben Sie beim Laden des Riddles eine anonyme User-ID, und jede Antwort, jede \u00fcbersprungene Frage und jede Formulareinsendung kommt bereits mit dieser ID markiert zur\u00fcck. Kein Abgleich, kein zus\u00e4tzliches Formular, kein R\u00e4tselraten, wer was geantwortet hat. Data-Layer-Werte werden standardm\u00e4\u00dfig mit Ihren Tracking-Events \u00fcbertragen; Sie k\u00f6nnen das pro Tracking-Tool in dessen Custom-Event-Konfiguration abschalten.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"467\" src=\"https:\/\/www.riddle.com\/blog\/wp-content\/uploads\/2026\/10\/1-data-round-trip.webp\" alt=\"Ihre Website \u00fcbergibt \u00fcber den Data Layer eine User-ID an Riddle, und JS Events liefern jede Antwort mit dieser ID in Echtzeit zur\u00fcck.\" class=\"wp-image-10061\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So sieht das in der Praxis aus: Ein eingeloggter Leser \u00f6ffnet ein Reise-Quiz, und Ihre Website \u00fcbergibt seine User-ID an den Data Layer. Der Leser w\u00e4hlt \u201eMeer\u201c statt \u201eBerge\u201c, 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\u00e4chsten Block eine Strand-Anzeige, und im Profil des Lesers steht jetzt \u201ebevorzugt Strandurlaub\u201c \u2013 ohne dass er je ein Pr\u00e4ferenz-Formular ausgef\u00fcllt hat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Daten rein, Daten raus, ein User, in Echtzeit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fragen: Riddle Data Layer und JS Events<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1792581001001\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Was ist der Riddle Data Layer?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>\u00dcber den Riddle Data Layer \u00fcbergeben Sie Werte von Ihrer Website oder App an ein Riddle, etwa eine User-ID, einen Login-Status, eine Kampagnen-ID oder eine Farbpalette. Sie k\u00f6nnen ihn \u00fcber URL-Parameter (ganz ohne Code) oder per JavaScript bef\u00fcllen. Jeder Wert wird mit dem Lead gespeichert und mit Ihren Tracking-Events \u00fcbertragen.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1792581001002\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Was sind Riddle JS Events?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Riddle JS Events sind JavaScript-Nachrichten, die ein Riddle an die Seite sendet, auf der es eingebunden ist, w\u00e4hrend jemand es spielt. Sie umfassen Views, Starts, Abschl\u00fcsse, Antworten, Formulareinsendungen, \u00fcbersprungene Fragen, Klicks auf Call-to-Action-Buttons und Social Shares, sodass Sie in Echtzeit auf das Verhalten der User reagieren k\u00f6nnen. Die vollst\u00e4ndige Liste finden Sie im Riddle Help Center unter Tracking, JS Events.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1792581001003\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Brauche ich einen Entwickler f\u00fcr den Data Layer und JS Events?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Nicht immer. Kampagnen-IDs oder andere Werte per URL-Parameter zu \u00fcbergeben, funktioniert ganz ohne Code, und auch die integrierten Riddle-Anbindungen f\u00fcr Google Analytics, Google Tag Manager, Meta Pixel, Matomo und Adobe Analytics kommen ohne Code aus. Um Daten per JavaScript zu \u00fcbergeben oder auf Ihrer eigenen Website auf JS Events zu reagieren, brauchen Sie ein paar Zeilen Code, wie in den Beispielen oben gezeigt.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1792581001004\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Welchen Riddle-Plan brauche ich f\u00fcr den Data Layer?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Der Riddle Data Layer ist ab dem Business-Plan verf\u00fcgbar. In der kostenlosen Testphase von Riddle sind alle Funktionen freigeschaltet, sodass Sie Data Layer und JS Events vor dem Upgrade testen k\u00f6nnen.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1792581001005\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Kann ich Riddle-Daten erhalten, bevor ein User das Quiz abschlie\u00dft?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ja. Webhooks, die Riddle API und CSV-Exporte liefern Daten, sobald ein User das Riddle abgeschlossen hat. JS Events dagegen werden bei jeder Interaktion in Echtzeit ausgel\u00f6st. So k\u00f6nnen Sie auf eine Antwort reagieren, w\u00e4hrend das Quiz noch l\u00e4uft, zum Beispiel um eine DMP zu aktualisieren oder eine Anzeige neu zu laden.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1792581001006\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Muss ich personenbezogene Daten an ein Riddle \u00fcbergeben?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Nein. Eine anonyme User-ID reicht aus, um Riddle-Daten sp\u00e4ter mit Ihren eigenen Nutzerdatens\u00e4tzen zu verkn\u00fcpfen. Namen und E-Mail-Adressen k\u00f6nnen also in Ihren eigenen Systemen bleiben. F\u00fcr Anzeigen und DMP-Trigger \u00fcbergeben Sie den Einwilligungsstatus Ihrer CMP \u00fcber den Data Layer und l\u00f6sen Tracking erst aus, wenn der User eingewilligt hat.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1792581001007\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Funktioniert der Riddle Data Layer in mobilen Apps?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ja. Sie k\u00f6nnen Riddles in native und plattform\u00fcbergreifende Apps einbetten, etwa in iOS- oder Flutter-Apps, und dort den Data Layer nutzen, zum Beispiel um eingeloggten App-Usern andere Inhalte zu zeigen.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1792581001008\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Funktioniert der Riddle Data Layer mit dem Google Tag Manager?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ja. Riddle sendet seine Events per Ein-Klick-Einrichtung an den Google Tag Manager, und Ihre Data-Layer-Werte werden bei jedem Event mitgeschickt. So k\u00f6nnen Sie in GTM Trigger auf Antworten oder Formulareinsendungen bauen, die bereits Ihre eigene User-ID enthalten.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Der Data Layer von Riddle \u00fcbergibt User-Daten an Quizzes, und JS Events senden jede Antwort in Echtzeit zur\u00fcck. 15 Use Cases f\u00fcr Publisher und Agenturen, mit Codebeispielen.<\/p>\n","protected":false},"author":3,"featured_media":10074,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","rank_math_title":"Riddle Data Layer & JS Events: 15 Wege, Quiz-Daten zu nutzen","rank_math_description":"\u00dcbergeben Sie User-IDs, Login-Status oder Einwilligungen an ein Quiz und erhalten Sie jede Antwort in Echtzeit zur\u00fcck. 15 Use Cases f\u00fcr Publisher.","rank_math_focus_keyword":"riddle data layer,js events,quiz daten,first-party-daten","rank_math_canonical_url":"","rank_math_facebook_title":"","rank_math_facebook_description":"","rank_math_twitter_title":"","rank_math_twitter_description":"","rank_math_robots":[]},"categories":[108],"tags":[],"class_list":["post-10073","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-daten-sammeln"],"author_meta":{"display_name":"Boris","author_link":"https:\/\/www.riddle.com\/blog\/de\/author\/boris\/"},"featured_img":"https:\/\/www.riddle.com\/blog\/wp-content\/uploads\/2026\/10\/quizzes-first-party-data-riddle-data-layer-js-events.webp","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/www.riddle.com\/blog\/de\/kategorie\/use-cases-de\/daten-sammeln\/\" class=\"advgb-post-tax-term\">Daten sammeln<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Daten sammeln<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Ver\u00f6ffentlicht 7\u00a0Stunden vor","modified":"Aktualisiert 7\u00a0Stunden vor"},"absolute_dates":{"created":"Ver\u00f6ffentlicht am 26. Oktober 2026","modified":"Aktualisiert am 26. Oktober 2026"},"absolute_dates_time":{"created":"Ver\u00f6ffentlicht am 26. Oktober 2026 18:48","modified":"Aktualisiert am 26. Oktober 2026 19:02"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/posts\/10073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=10073"}],"version-history":[{"count":4,"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/posts\/10073\/revisions"}],"predecessor-version":[{"id":10078,"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/posts\/10073\/revisions\/10078"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/media\/10074"}],"wp:attachment":[{"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=10073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=10073"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.riddle.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=10073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}