Cómo rastrear eventos del widget de Shotgun en GTM (vía dataLayer)

Puede realizar el seguimiento de las interacciones de los usuarios que ocurren dentro del widget de venta de entradas de Shotgun integrado en su sitio web. El widget envía eventos a la página principal mediante window.postMessage. Si utiliza nuestra integración más reciente del widget (iFrame + widget.js), el script escucha automáticamente estos mensajes y los envía al dataLayer de su sitio. A partir de ahí, puede activar sus etiquetas de GTM (GA4, Google Ads, TikTok, Meta, etc.) sin código personalizado.

Cómo usarlo

1. Requisitos previos
   • Su contenedor de GTM está configurado en su sitio web.
   • Está integrando el widget de Shotgun en su sitio y ha añadido el script widget.js.
2. Activar el seguimiento en GTM
   • Importe la Plantilla de GTM de Shotgun (o use la que ya haya importado).
   • En la plantilla, reactive y configure las etiquetas que desea activar.
   • Todos los disparadores necesarios para los eventos del widget de Shotgun ya están incluidos — solo asócielos a sus plataformas (p. ej., etiqueta de evento de GA4, etiqueta de conversión de Google Ads).
3. Verificar que funciona
   • Abra la vista previa de GTM en la página donde el widget está integrado e interactúe con el widget (ver, añadir al carrito, finalizar la compra, compra).
   • Debería ver los eventos de dataLayer correspondientes y sus etiquetas activándose.

<script>
  window.dataLayer = window.dataLayer || [];
  window.addEventListener('message', function (event) {
    // (Recomendado) acepte solo mensajes de orígenes confiables de Shotgun
    if (event.origin !== "https://shotgun.live") {
      return;
    }
    // Procese los mensajes con un payload y envíelos a dataLayer
    if (event.data?.type === "datalayer" && event.data.payload) {
      dataLayer.push(event.data.payload);
    }
  });
</script>

Solución de problemas

• Confirme que las cookies de marketing se aceptan en su sitio y que los bloqueadores de anuncios están desactivados durante las pruebas.
• Asegúrese de que el iFrame del widget no esté en modo sandbox de manera que bloquee postMessage.
• En la vista previa de GTM, observe la llegada de los eventos de dataLayer en la página principal mientras interactúa con el widget.