Se você atualmente precisa de uma solução que atenda aos seguintes critérios, dê uma olhada neste artigo:

1. No momento, você está usando o plug-in do formulário de contato 7 em seu site WordPress.
2. Você deseja capturar o evento de envio do formulário de contato como uma meta de conversão no Google google adwords.
3. Você implementou o Google Analytics em seu site usando o Google Tag Manager.

Etapa 1: faça login no gerenciador de tags do Google e crie uma tag

Antes de mais nada, e uma observação muito importante: certifique-se de que o código do seu tagmanager foi inserido corretamente no cabeçalho do seu site de acordo com as instruções do google. (Observe que esta parte não está no artigo de vídeo). Vá para https://tagmanager.google.com Configuração da tag: Tipo de tag: HTML personalizado -> Tipo de tag: HTML personalizado cole este código em

<script>

documento . addEventListener ( 'wpcf7mailsent' , function ( evento ) {

camada de dados . empurre ( {

'evento' : 'wpcf7successfulsubmit' ,

'CF7formID' : evento . detalhe . contactFormId

} ) ;

} , falso ) ;

</script>

O evento wpcf7mailsent é o evento fornecido pelo plugin contactform7 (gerado quando o formulário de contato 7 é enviado com sucesso), então usa a função push (adiciona um elemento ao array) para salvar o valor na variável dataLayer, aqui existem 2 variáveis de evento tem o valor: wpcf7successfulsubmit (representa o evento de envio de formulário com sucesso, preste atenção para configurar corretamente esta variável para usar na etapa 2), a variável CF7formId armazena o valor do ID do formulário que envia o evento.

A variável dataLayer é um conceito do gerenciador de tags do google, se você quiser se aprofundar, pode visitar:

https://github.com/google/data-layer-helper

Acionamento: selecione o acionador: Todas as páginas se quiser capturar este evento em todo o site. Esta seção significa que este evento de envio de formulário bem-sucedido será capturado em todo o seu site, você pode configurar completamente esse evento de envio de formulário separadamente em cada página de detalhes, caso use uma campanha publicitária. anunciar para muitas páginas de destino diferentes e precisar medir a eficácia e comportamento do cliente de cada subpágina.

No vídeo de demonstração, eu o uso no caso real em que quero obter as informações do formulário enviadas pelo cliente de uma página de compra.

Nomeamos a tag listener CF7, clique em salvar .

Etapa 2: criar um acionador do GTM (gatilho do GTM)

Selecione o acionador de evento personalizado, preencha a nova variável de evento " wpcf7successfulsubmit " declarada acima , nomeie o acionador como desejar e clique em salvar.

Etapa 3: voltar ao gerador de tags (Tag)

Tipo de tag (tipo de tag): acompanhamento de conversões do google ads De volta à sua página do google adwords, vá em "Ferramentas e configurações" -> Medição -> Conversões Clique no botão (+) para gerar conversões, após a configuração clique em "criar e continuar". Após a criação bem-sucedida, o google redireciona a interface para a seção de configuração de tags, selecione ("usar o gerenciador de tags do google). Copie o ID de conversão e o rótulo de conversão e cole-o ao lado da configuração de tags do gerenciador de tags do google e salve-o. novamente com o tagmanager e anúncios do Google.Na seção de configuração do acionador desta tag, selecione o acionador que você acabou de criar na etapa 2.Nesta etapa, está quase pronto, você pode pular a etapa 4. No entanto, recomendo que você faça isso para entender mais sobre o ferramenta de gerenciamento de tags do google.

Etapa 4: crie uma variável no gerenciador de tags do Google.

Nesta etapa, criamos mais uma variável no gerenciador de tags do Google CF7formID, que recebe o valor formID do evento de envio do formulário do usuário. Em seguida, volte para a tag de acompanhamento de conversões de anúncios do Google e selecione a variável CF7formID para o campo Valor da conversão. Em seguida, clique em Publicar. Se você assistir ao vídeo, verá que o google fornece um recurso de visualização para depurar se os eventos e variáveis estão corretos.

Etapa 5: continue a instalar o google analytics com os eventos criados nas etapas anteriores.

Tipo de tag: google analytics:A configuração do Universal Analytics é semelhante à etapa 3 (assista ao vídeo para melhor compreensão). O artigo foi traduzido e desenvolvido a partir do artigo original: https://chrisberkley.com/blog/contact-form-7-event-tracking-google-tag-manager/ Se você achar o artigo interessante, compartilhe para Motivar a equipe para fazer vídeos com mais qualidade!