Track 1 · Login & personalization
Know your reader inside the Riddle
Your site already knows who is logged in. These four demos show how to hand that to Riddle: to greet readers by name, keep quizzes for members, log readers in from inside a quiz and rank them on a leaderboard.
The one idea behind all four
window.riddleDataLayer.push(
{ key: 'is_logged_in', value: '1' },
{ key: 'display_name', value: 'Livia' }
);
The page fills riddleDataLayer before the Riddle loads. Riddle turns each key into a variable for text, logic and forms.
Four live demos
From a greeting to a members-only leaderboard.
Demo 1 · easy
Pass the logged-in reader
The quiz greets you by name and shows members a different intro.
You'll learn: data layer keys, variables in text, a logic branch.
Open demo →
Demo 2 · medium
Logged-in readers only
Guests get your login form inside the Riddle and play on after signing in.
You'll learn: Ad block iframes, postMessage, single sign-on.
Open demo →
Demo 3 · medium
Popup login
For logins that can't be framed: a popup signs the reader in and the quiz moves on.
You'll learn: a launcher page, window.opener messages.
Open demo →
Demo 4 · easy
Daily quiz + leaderboard
One embed, a new quiz every morning, and a ranking for registered readers.
You'll learn: Placeholders, tags, Leaderboards.
Open demo →
What you need on your side.
A login you already have
WordPress, a paywall, an SSO provider: anything that knows the user on the server or in the browser.
The script embed
Use Riddle's script embed code. A plain iframe can't receive the data layer.
A privacy decision
Pass the least you need. A first name greets; an email address rarely belongs in the data layer.