Como rastrear eventos do widget da Shotgun no GTM (via dataLayer)

Você pode rastrear as interações dos usuários que acontecem dentro do widget de bilheteria da Shotgun incorporado ao seu site. O widget envia eventos para a página pai usando window.postMessage. Se você usa nossa integração mais recente do widget (iFrame + widget.js), o script escuta automaticamente essas mensagens e as envia para o dataLayer do seu site. A partir daí, você pode acionar suas tags do GTM (GA4, Google Ads, TikTok, Meta, etc.) sem código personalizado.

Como usar

1. Pré-requisitos
   • O contêiner do GTM está configurado no seu site.
   • Você está incorporando o widget da Shotgun no seu site e adicionou o script widget.js.
2. Ativar o rastreamento no GTM
   • Importe o Modelo do GTM da Shotgun (ou use o que você já importou).
   • No modelo, reative e configure as tags que você deseja acionar.
   • Todos os gatilhos necessários para eventos do widget da Shotgun já estão incluídos — basta mapeá-los para suas plataformas (ex.: tag de evento do GA4, tag de conversão do Google Ads).
3. Verificar se está funcionando
   • Abra o modo de visualização do GTM na página onde o widget está incorporado e interaja com o widget (visualização, adicionar ao carrinho, checkout, compra).
   • Você deverá ver os eventos do dataLayer correspondentes e suas tags sendo acionadas.

<script>
  window.dataLayer = window.dataLayer || [];
  window.addEventListener('message', function (event) {
    // (Recomendado) aceite apenas mensagens de origens confiáveis da Shotgun
    if (event.origin !== "https://shotgun.live") {
      return;
    }
    // Trate mensagens com um payload e envie para o dataLayer
    if (event.data?.type === "datalayer" && event.data.payload) {
      dataLayer.push(event.data.payload);
    }
  });
</script>

Solução de problemas

• Confirme que os cookies de marketing foram aceitos no seu site e que os bloqueadores de anúncios estão desativados durante os testes.
• Garanta que o iFrame do widget não esteja em modo sandbox de forma a bloquear o postMessage.
• No modo de visualização do GTM, observe a chegada dos eventos do dataLayer na página pai enquanto você interage com o widget.