JavaScript personalizado (códigos de seguimiento)

Descripción general

La opción JavaScript personalizado te permite integrar tus propios scripts de seguimiento o analítica directamente en tu experiencia de Drimify.
Suele utilizarse con herramientas como Facebook Pixel, Google Analytics, Google Tag Manager o cualquier otro servicio de terceros que requiera un fragmento de código JavaScript.
Encontrarás esta opción en el panel Ajustes de tu proyecto, en el apartado JavaScript personalizado.

⚠️ Importante: Solo se admite JavaScript del lado del cliente. No se pueden utilizar scripts del lado del servidor ni de backend.

Para qué puedes utilizarlo

Puedes utilizar JavaScript personalizado para:

• Registrar las visitas a las páginas y el comportamiento de los usuarios
• Activar eventos cuando se cargue tu experiencia
• Integrar el seguimiento de conversiones (por ejemplo, eventos de Facebook Pixel)
• Conectar tu experiencia con herramientas de analítica o marketing
• Añadir lógica personalizada en pantallas concretas

Así tendrás total flexibilidad para conectar Drimify con las herramientas de seguimiento que prefieras.

Cómo añadir tu script

1. Abre tu proyecto en el panel de control de Drimify.
2. Ve a Ajustes.
3. Desplázate hasta el apartado JavaScript personalizado.
4. Pega tu código JavaScript directamente en el campo.
5. Comprueba que los cambios se hayan guardado y publica tu experiencia si aún no lo has hecho.

Tu script se insertará automáticamente en la experiencia publicada.

Ejemplo: Facebook Pixel

Este es un ejemplo de un script de seguimiento estándar de Facebook Pixel que puedes añadir:

<!-- Facebook Pixel Código -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Sustituye YOUR_PIXEL_ID por el identificador de tu píxel de Facebook.

Cómo registrar un lead o una conversión cuando alguien se registra

El JavaScript personalizado se ejecuta una sola vez, al cargar la experiencia. Las experiencias de Drimify son aplicaciones de una sola página: la dirección del navegador no cambia al pasar de una pantalla a otra. Por eso, ni un script en este campo ni una regla de URL en el Administrador de eventos de Meta pueden detectar el momento en que un participante envía el formulario de registro. Utiliza una de estas dos opciones.

Opción 1: los jugadores acceden directamente al enlace de tu juego (por ejemplo, desde un anuncio de Meta)

1. En la etapa Integraciones de la aplicación, añade un webhook y activa Después de enviar el formulario. El webhook se activa cada vez que un participante envía un formulario. Consulta Configurar las integraciones de webhook en tu aplicación.
2. Configura el webhook para que envíe las solicitudes a tu propio endpoint o a una herramienta de automatización y, desde ahí, envía cada una a Meta como un evento Lead a través de la API de conversiones de Meta (o de una API equivalente del lado del servidor en tu plataforma publicitaria).

Mantén el código base del píxel en JavaScript personalizado para registrar las visitas al juego.

Opción 2: el juego está integrado en tu sitio web

Carga el píxel en tu propia página y activa el evento mediante las funciones de callback del código de integración HTML (widget). onComplete se activa cuando el participante llega a la pantalla final. Por tanto, si el formulario de registro aparece antes de la pantalla final, cada evento onComplete corresponde a un participante registrado:

widget.onComplete = function (event) {
  fbq('track', 'Lead');
};

Para un Calendario De Adviento, Combo™ o Recorrido Dinámico™, utiliza onRouteChange y la pantalla final en su lugar. Consulta Integración avanzada del código de integración HTML (widget) a través de la API.

Ámbito de ejecución

• Los scripts se ejecutan en el navegador del participante.
• El script se ejecuta una vez que se ha cargado la experiencia, lo que garantiza la compatibilidad con la mayoría de los servicios de analítica.

Consideraciones de seguridad

• Los scripts maliciosos o intrusivos están terminantemente prohibidos.
• Utiliza únicamente código JavaScript de proveedores de confianza.
• Los scripts deben cumplir el RGPD y las demás normativas de privacidad aplicables.
• Es tu responsabilidad informar a los participantes de cualquier actividad de seguimiento o recogida de datos.

Solución de problemas

¿Tu script no se ejecuta?

• Comprueba que el código esté incluido entre etiquetas <script> si es necesario.
• Asegúrate de que no haya errores de sintaxis.
• Si utilizas seguimiento basado en eventos, comprueba que los activadores de eventos estén correctamente ubicados.
• Revisa tu plataforma de analítica para comprobar si se ha recibido el evento.

¿Necesitas ayuda?

Si no tienes claro cómo integrar un script concreto, pide instrucciones a tu proveedor de seguimiento (Facebook, Google, etc.).
Si crees que tu script debería funcionar, pero no lo hace, contacta con nuestro equipo de soporte y explícanos qué quieres conseguir.

Actualizado el: 29/10/2026