AdWords
750 Usuários online agora
750 Usuários online agora
Aprenda a usar recursos e relatórios para medir seus resultados com o AdWords: quais os melhores relatórios do AdWords e as principais formas de utilizá-los para entender e otimizar a performance de sua conta
Guie-me
star_border
Responder

Configurar evento no botão "enviar"

[ Editado ]
Calouro ✭

Olá pessoal, preciso mensurar o número de cliques no botão "Enviar" do formulário de contato do website 

Link do site O problema é que não tenho um página de confirmação, pois estou usando o contact form7 para enviar o formulário.

 

Configurei a seguinte meta no analytics: 

 

Categoria   igual a - Enviar

Ação           igual a - Click

Rótulo        igual a - 

Valor          igual a - 1

 

Como deve ficar meu trackevent?

 

_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)


Coloquei o código abaixo no contact form.
_gaq.push(['_trackEvent', 'Enviar', 'Click', 'Marcador', '1']);

 

Especialistas responderamverified_user
1 SOLUÇÃO ACEITA

Soluções aceitas
Marcado como Melhor Resposta.
Solução
Aceita por leandrofm (Principal Colaborador)
Outubro 2015

Re: Configurar evento no botão "enviar"

Principal Colaborador
Carlos,

Esse artigo do Form7 fala sobre os eventos quando se usa o Universal Analytics:
http://www.astralwebinc.com/contact-form-7-wp-how-to-add-event-tracking-on-new-universal-google-anal...

Olhando o código que você postou, faltou colocar aspas no final do código, após os ponto e vírgula. Dá uma olhada. Isso deve estar quebrando o código do formulário.

Leandro Martinez | Basta1Click - Consultoria AdWords | Ícone Basta1ClickÍcone FacebookÍcone YouTubeÍcone Linkedin

Recebeu uma resposta que foi útil? Marque-a como solução clicando no botão "Aceitar como Solução" e ajude a nossa comunidade.

Exibir solução no post original

Re: Configurar evento no botão "enviar"

Principal Colaborador

Oi Carlos, como vai?

 

A estrutura de evento que você colocou abaixo pelo form7 se conecta com a versão antiga do GA.

 

Os eventos que o GA recebe possuem uma estrutura de acordo com o código do analytics que você está usando em sua página. Existem duas versões, o Classic (antigo) e o Universal (atual). O primeiro passo é identificar qual é o código que você está usando, pois se você estiver usando o Universal em sua página e disparar esse evento que postou, não vai funcionar.

 

O evento do Universal, possui uma estrutura um pouco diferente, e não começa com o underline "_". Você pode dar uma olhada nesse documento para ver a referência:

https://developers.google.com/analytics/devguides/collection/analyticsjs/events?hl=pt-br

 

Bom, para descobrir isso é simples. Se o código do GA que está no seu site, é exatamente igual ao que você pega no GA hoje em dia, você está usando o Universal. Ele deve ser igual a isso:

 

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m
=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga
('create', 'UA-XXXX-Y', 'auto');
ga
('send', 'pageview');

</script>

 

E a estrutura de evento que você deve utilizar é essa aqui:

 

ga('send', 'event', 'Enviar', 'Click');

 

As opções "Rótulo" e "Valor" são opcionais, principalmente a opção  "valor". Você não precisa usar o valor "1" que colocou ali, pois ele não vai te ajudar em nada, já que o GA vai te dar o número de envios naturalmente.

 

-----------

 

Bom, agora que você já verificou  a estrutura do código do GA pra saber como fica seu evento, é preciso entender qual o objetivo do evento. Se o seu objetivo é unica e exclusivamente medir quantos cliques acontecem nesse botão (o que particularmente acho que não te ajuda em nada), esse evento que você está usando vai server.

 

Agora, se você pretende usar esse evento como uma META no seu GA, é preciso entender que: Disparar um evento no CLIQUE de um botão é algo muito perigoso, e deve ser evitado, se possível. Se o usuário preencher o formulário errado, clicar em "enviar" e receber aquele aviso de "corrija as informações do formulário", você vai disparar um evento e contar uma conversão, quando na verdade foi um erro no formulário, e seus dados ficarão bagunçados e imprecisos.

 

O ideal seria disparar o evento somente no SUCESSO de envio, e não no clique do botão. Dei uma fuçada por ai e parece que o Form7 tem uma funcionalidade dessa, dá uma olhada aqui:

http://contactform7.com/tracking-form-submissions-with-google-analytics/

 

Espero que ajude.

 

Abraços,

Leandro Martinez | Basta1Click - Consultoria AdWords | Ícone Basta1ClickÍcone FacebookÍcone YouTubeÍcone Linkedin

Recebeu uma resposta que foi útil? Marque-a como solução clicando no botão "Aceitar como Solução" e ajude a nossa comunidade.

Re: Configurar evento no botão "enviar"

Calouro ✭
Oi Leandro, tudo bem?
Estou usando o código universal do GA.

A ideia é apenas mensurar o número de cliques no botão enviar.
No meu caso não tenho uma página de oriegem, apenas a mensagem do JS do próprio contact F7. "Sua mensagem foi enviada com sucesso".

Acredito que o código correto seja:
on_sent_ok: "ga('send', 'event', 'Enviar', 'Click');

Re: Configurar evento no botão "enviar"

Principal Colaborador
Oi Carlos,

É isso ai.

Só colocar lá e fazer o teste Smiley feliz

Leandro Martinez | Basta1Click - Consultoria AdWords | Ícone Basta1ClickÍcone FacebookÍcone YouTubeÍcone Linkedin

Recebeu uma resposta que foi útil? Marque-a como solução clicando no botão "Aceitar como Solução" e ajude a nossa comunidade.

Re: Configurar evento no botão "enviar"

Calouro ✭
Tem um problema, quando clico no "enviar" não aparece a mensagem de JS "Sua mensagem foi enviada com sucesso". Estranho....

Re: Configurar evento no botão "enviar"

Principal Colaborador
Tente retirar o código do evento e testar o formulário pra ver se a mensagem retorna.

Leandro Martinez | Basta1Click - Consultoria AdWords | Ícone Basta1ClickÍcone FacebookÍcone YouTubeÍcone Linkedin

Recebeu uma resposta que foi útil? Marque-a como solução clicando no botão "Aceitar como Solução" e ajude a nossa comunidade.

Re: Configurar evento no botão "enviar"

Calouro ✭
Retornou!!

Re: Configurar evento no botão "enviar"

Calouro ✭
Só funciona quando removo o código do Settings. Será que é alguma incompatibilidade?
Marcado como Melhor Resposta.
Solução
Aceita por leandrofm (Principal Colaborador)
Outubro 2015

Re: Configurar evento no botão "enviar"

Principal Colaborador
Carlos,

Esse artigo do Form7 fala sobre os eventos quando se usa o Universal Analytics:
http://www.astralwebinc.com/contact-form-7-wp-how-to-add-event-tracking-on-new-universal-google-anal...

Olhando o código que você postou, faltou colocar aspas no final do código, após os ponto e vírgula. Dá uma olhada. Isso deve estar quebrando o código do formulário.

Leandro Martinez | Basta1Click - Consultoria AdWords | Ícone Basta1ClickÍcone FacebookÍcone YouTubeÍcone Linkedin

Recebeu uma resposta que foi útil? Marque-a como solução clicando no botão "Aceitar como Solução" e ajude a nossa comunidade.

Re: Configurar evento no botão "enviar"

Calouro ✭
O problema estava na aspas.
Muito obrigado Leandro!