CH3TRIS Embed · Demo técnica

El control editorial del reto,
visto desde tu web

Página para tu equipo técnico: cada bloque demuestra una pieza del embed — el diseño del medio, el control de inicio y pausa, los anchos responsive y los eventos que recibe tu página.

Demo desconectada del reto diario mundial. Todos los retos de esta página son rejugables y no cuentan para nadie.

1

Diseño del socio lne con control del inicio

Demo con los parámetros del diseño de LNE (accent, bg, fg, sqlight, sqdark, logo, gate=1). Con el control activado, el juego espera la orden {source:'host', cmd:'start'} de tu página. Para probar el flujo real del socio (contabiliza y gasta el Daily): /embed/daily?partner=lne.

1b

Flujo completo: control → pre-roll → jugar → pantalla final → botón del medio

Demo (sin socio) con ?gate=1&cta=…&ctaLabel=…. Usa los botones de arriba para «start»: el mismo control gobierna todos los retos de la página.

2

Ajustes por URL — tres anchos responsive

Iframe puro con ?accent=…&foot=0…. El mismo embed se adapta al hueco: 340 px (compacto), 680 px (completo) y 1100 px o más (página dedicada).

340px — compacto

680px — completo

1100px+ — página dedicada

2b

CH3TRIS Card por script (autoservicio) — con y sin atribución

<div data-ch3tris-card data-lang="es"> montada por ch3tris-embed.js; la altura se autoajusta sola por postMessage. A la derecha, la misma Card con data-attr="0" (sin pie de atribución).

Card (atribución visible)

Card con data-attr="0"

3

Socio desconocido (respaldo)

Con un identificador de socio que no existe, el embed no se rompe: carga con el diseño neutro de CH3TRIS.

·

Eventos que recibe tu página

Todo lo que el embed comunica por postMessage (source:'ch3tris'): carga, altura, inicio, resultado… Es lo que tu web puede escuchar para integrarse.

Consola de eventos