New-Tech Media · para el equipo web de Tropicana

Prueba de Live Shoppable

Un solo script sobre la página del programa. No toca el reproductor de YouTube ni el tema de WordPress; el widget vive encima del video y se apaga cuando quieran.

1 El código

Péguenlo en la página donde está el video en vivo (en el <body> o el footer):

<script src="https://shoppable-studio.pages.dev/live/ntm-live.js"
        data-pid="tropicanalive"
        data-room="tropicana" defer></script>

Se puede montar por Google Tag Manager (etiqueta HTML personalizada), por un plugin de snippets (WPCode / “Insert Headers and Footers”), o directo en el footer. Cualquiera sirve.

2 Qué hace y qué detecta

› Busca solo el reproductor (el iframe de YouTube más grande de la página) y coloca el widget en su esquina inferior.
› ¿Quieren fijarlo a un contenedor específico? Agreguen data-target="#id-del-player" al script.
› Cada vista, toque y clic se mide solo. Nada bloqueante, carga asíncrona (defer).

3 Si tienen CSP

Si la página usa Content-Security-Policy, permitan nuestro dominio para que cargue:

› script-src y connect-src y img-src: https://shoppable-studio.pages.dev

4 Encenderlo en vivo

El widget se opera desde un panel de control aparte: el operador lo saca al aire y elige el anunciante, y se refleja en todos los que están viendo en 1–3 s.

El link del panel de control y su clave se entregan por separado, solo a la persona que va a operar en vivo — no van en esta página. Por defecto el widget arranca fuera del aire hasta que lo enciendan, y es reversible: al sacarlo, desaparece y no queda nada.

5 Checklist de la prueba

☐ Pegar el script en la página del programa (o en GTM).
☐ Abrir el panel de control y darle “poner al aire”.
☐ Confirmar que el widget aparece sobre el video (móvil y desktop).
☐ Tocarlo → se abre la ficha → cerrar. Ver que las métricas suben en el panel.
☐ Darle “sacar del aire” → el widget desaparece.

Prueba técnica de New-Tech Media. El script no modifica ni redistribuye el contenido del portal; el widget es una capa reversible sobre la página. Dudas de integración: coordinamos por el canal habitual.