Franquia Brasil

3 formas de controlar a ordem de execução das tags no Google Tag Manager (GTM) e pontos a serem observados

Depois de instalar as tags de publicidade programática com o Gerenciador de tags do Google (daqui em diante, GTM) e testá-las, não funcionou.

Desta vez, explicarei três métodos que podem ser usados ​​nesse caso e pontos a serem observados.

Por que a ordem de execução é importante?

Por que a ordem de execução é importante em primeiro lugar?

Por exemplo, o Yahoo! Ads implementa as três tags a seguir quando você deseja definir conversões e redirecionamento de site.

① Etiqueta geral do site

(2) Tags de retargeting do site/tags de medição de conversão

Esses tags devem ser configurados para que sejam executados na ordem ①→②. Se não for definido corretamente, o redirecionamento e a conversão do site podem não ser medidos corretamente.

Isso porque as configurações e variáveis ​​definidas no tag que é executado primeiro são utilizadas no tag que é executado posteriormente, portanto variáveis ​​e configurações não podem ser utilizadas no tag que é executado posteriormente .

Além disso, se você criar uma variável em um tag e usá-la em outro tag, se o tag que você deseja usar for executado antes do tag que criou a variável, a variável pode estar vazia ou não existir, causando um problema.

Para evitar isso, a ordem de execução deve ser definida com firmeza.

3 maneiras de controlar a ordem de execução

Agora vamos ver três maneiras de controlá-lo.

1. Ordenação de tags (útil em muitos casos)

O primeiro é o recurso de ordenação de tags. Você pode usar esse recurso no modelo de catálogo de tags e no HTML customizado.

Defina a partir das configurações avançadas de tags.

Abra o menu “Ordenação de tags” e marque “Disparar tag definida antes de (tag sendo definida) disparar” ou “Disparar tag definida após (tag sendo definida) disparar” para

Depois disso, selecione a tag de destino em “Tag de configuração” e a configuração está concluída.

Na imagem de exemplo acima, “Teste 2” será entregue após a entrega da tag “Teste 1”.

Se você marcar a caixa de seleção “Não disparar (nome da tag) se (nome da tag) não puder disparar ou estiver pausado”, a tag carregada primeiro pode não ser disparada. Impede que as seguintes tags sejam carregadas quando pausadas:

Esse método basicamente funciona na maioria dos casos, quer você use um modelo de tag ou HTML personalizado.

No entanto, se a tag for apenas HTML personalizado, existe um método ainda mais fácil, que apresentarei a seguir.

2. Escreva em ordem com HTML personalizado (efetivo quando as tags são apenas HTML personalizado)

Em seguida é como escrever em ordem com HTML personalizado.

Este método é fácil de entender e fácil de configurar, mas pode ser usado apenas quando as tags a serem definidas são HTML personalizado, portanto, ao usar um modelo, use basicamente o método de ordenação de tags em 1.

O método de configuração é fácil, basta escrever duas ou mais tags em ordem de cima para baixo em um HTML personalizado, conforme mostrado abaixo.

<script> código da tag que você deseja executar primeiro
</script>
<script>
// código da tag que você deseja executar em segundo lugar
</script>

As tags são descritas em uma linguagem de programação chamada Javascript, e o princípio da linguagem de programação é que a ordem de execução seja de cima para baixo do código.

Portanto, se você escrever na ordem que deseja executar de cima para baixo, as tags serão executadas de cima para baixo.

No entanto, conforme mencionado anteriormente, esse método não pode ser definido ao usar modelos de tag.

Nos métodos 1 e 2 apresentados até agora, não há problema se houver 2-3 tags para definir a ordem. Gerenciar tags torna-se difícil quando a ordem de carregamento se torna complicada. Nesse caso, use os três métodos a seguir.

3. Configuração de evento por camada de dados (pode ser usado em qualquer caso de HTML personalizado, mas a dificuldade de configuração é alta)

A seguir, mostrarei como manipular ativamente o tempo de execução das tags.

*Como esse método usa HTML personalizado, ele não pode ser implementado com tags que não sejam HTML personalizado. Use o método 2, exceto para HTML personalizado.

Vamos implementá-lo com a suposição de que queremos que seja executado na ordem tag 1 → tag 2.

Esse método basicamente pode ser usado em qualquer caso, como quando há vários tags, mas é um pouco mais difícil de configurar porque é necessário editar os tags diretamente.

Mas depois que você entender, fica fácil, então vou explicar com cuidado.

Este método cria um evento depois que a tag 1 termina o processamento. Ao usar esse evento como um gatilho para o tag 2, a ordem de execução do tag 1 → tag 2 pode ser realizada.

Agora deixe-me explicar os passos.

① Escreva o seguinte após o script original da tag 1.

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({'event' : 'test'})
</script>

O acima cria um evento chamado “test” com uma camada de dados que pode enviar variáveis ​​arbitrárias para o GTM.

O nome do evento “teste” pode ser qualquer coisa que você possa entender facilmente.

② Em seguida, defina o gatilho.

Selecione Gatilho > Novo > Evento personalizado

Defina o nome do evento criado na camada de dados anteriormente no campo “Nome do evento” e “Salvar”.

Agora você criou um gatilho quando o evento “teste” é acionado.

③ Por fim, defina o evento “teste” criado anteriormente para o acionador da tag 2.

Se houver vários acionadores que você deseja carregar após a tag 1, defina cada acionador.

Isso conclui as configurações.

Vamos dar uma olhada na prévia.

Primeiro, a tag 1 foi lida no momento de “Container Loaded”.

Depois disso, o evento ‘test’ foi disparado e a ‘tag 2’ foi lida.

Consegui implementar com sucesso a tag 2 para ser lida após a conclusão do processamento da tag 1.

Extra: “Prioridade de entrega de tags” está obsoleto

Além do método introduzido, o GTM possui uma função chamada “prioridade de entrega de tags”.

Referência: Priorização – Ajuda do Tag Manager

A página de ajuda acima diz “Determine a ordem na qual as tags são acionadas”.

No entanto, esse método está obsoleto pelos motivos explicados abaixo.

A “configuração prioritária” pode ser definida abrindo as configurações detalhadas da tag.

Ao inserir um valor inteiro aqui (valores negativos também são possíveis), as tags com números de prioridade mais alta serão entregues primeiro. (Se não for definido, o valor será 0.)

Por exemplo, existem tags chamadas tag 1 e tag 2, e você deseja que elas sejam executadas na ordem de 1 → 2.

Neste caso, é possível definir a prioridade do tag 1 para “10” e a prioridade do tag 2 para “5”, etc., mas este método não é recomendado.

Isso ocorre porque a função de prioridade é uma função que designa o “início” da entrega, não uma função que aguarda a “conclusão” da entrega.

Ou seja, a leitura do tag 2 pode começar antes que a leitura do tag 1 seja concluída, e o tag 2, que não funciona normalmente até que a leitura do tag 2 seja concluída, pode começar a processar. Tenho um problema para colocar isso em prática.

Por outro lado, com a função de ordenação de tags introduzida no início, ao contrário da configuração de prioridade anterior, a próxima tag será entregue após a entrega da primeira tag.

Portanto, a função “definição de prioridade” é inadequada quando a ordem dos tags é importante e pode ser usada apenas em casos limitados, como diminuir a prioridade de tags com carga de processamento pesada.

resumo

Apresentei três métodos para controlar a ordem de execução das tags, mas se você não tiver certeza de qual método implementar, o fluxograma abaixo resume os métodos recomendados, portanto, consulte-os.

Se a ordem de execução das tags não for definida corretamente, ocorrerão erros de medição de conversão e tag, mas é um problema incômodo que é difícil perceber a causa.

Vamos aproveitar esta oportunidade para ter em mente que é uma das causas de erros e dominar o método de configuração.