Pular para conteúdo

Como Implementar o Rastreamento de Eventos

Existem duas maneiras principais de configurar o rastreamento de eventos no MVMCloud Analytics. A primeira é com o Gerenciador de Tag integrado ao MVMCloud Analytics. A segunda é adicionar trechos de código JavaScript ao seu próprio site. Você pode encontrar mais detalhes sobre como configurar os dois métodos abaixo.

Como Configurar o Rastreamento de Eventos com o MVMCloud Analytics Gerenciador de Tag (recomendado)

O Gerenciador de Tag é a maneira mais fácil de implementar o rastreamento de eventos em seu site. Você pode simplesmente criar uma Tag para cada tipo de evento que deseja acompanhar. Abaixo, você encontrará um exemplo de guia passo a passo para criar um evento que rastreie cliques em links de e-mail em seu site.

  1. Configure o MVMCloud Analytics Gerenciador de Tag (crie um contêiner e instale o código do contêiner);
  2. Clique em Gerenciador de Tag no MVMCloud Analytics e visite a página Tags;
  3. Clique no grande botão Criar nova tag;
  4. Selecione o tipo de tag MVMCloud Analytics;
  5. Dê à sua tag um nome descritivo. Por exemplo; Evento – Clique no link do e-mail;
  6. Confirme sua configuração do MVMCloud Analytics. Se não tiver certeza, use a configuração padrão;
  7. Em Tipo de Rastreamento escolha Evento;
  8. Agora você está pronto para adicionar sua estrutura de evento nos próximos campos. Seguindo nosso exemplo, ficaria assim:
  9. Categoria do Evento: Contato;
  10. Ação do Evento: Clique no link do e-mail;
  11. Nome do Eevento: {{ ClickDestinationUrl }};
  12. Valor do Evento: Nota: No exemplo acima, o nome do evento é preenchido dinamicamente a partir de uma variável do Gerenciador de Tag que extrai os dados do próprio site. Você pode pesquisá-los no ícone de código quadrado ao lado do campo.
  13. O próximo passo é selecionar o seu Gatilho. Clique no link para Criar um novo gatilho agora, que exibirá várias opções. Para este exemplo, você selecionaria Clique em todos os links na seção Clique, que exibirá opções para personalizar quais links rastrear como eventos.
  14. Para este exemplo, você pode usar todos os links de e-mail como o nome do acionador.
  15. Para limitar o acionador para que ele direcione especificamente links de e-mail, você precisará adicionar alguns detalhes à seção Somente disparar quando (opcional). Estas etapas garantirão que apenas os links de e-mail sejam contados:
    1. Selecione URL de destino do clique no primeiro campo;
    2. Selecione Começa com para o segundo campo;
    3. Digite mailto: no último campo que é o prefixo usado para criar links de e-mail;
    4. Finalize o acionador clicando no grande botão para Criar novo gatilho.
  16. Agora que o gatilho está anexado às configurações da Tag, você pode clicar em Criar Nova Tag.
  17. Por fim, você precisará publicar seu contêiner. Você pode fazer isso a partir da mensagem de sucesso que aparece quando você cria uma nova tag ou selecionando Publicar no menu esquerdo.
  18. Depois que sua nova tag de rastreamento de eventos estiver ativa, você deve testar se ela está funcionando. Para fazer isso, visite seu site e clique em um link de e-mail. Em seguida, faça login no MVMCloud Analytics, vá para a seção Visitantes e clique para visualizar o Log de visitas. Isso permite que você revise as visitas em tempo real e você poderá ver sua visita com o evento mostrado no lado direito. Log de visitas

Como Configurar o Rastreamento de Eventos do MVMCloud Analytics com JavaScript

O segundo método de configurar o rastreamento de eventos requer um pouco mais de confiança técnica. Você precisará integrar um snippet de JavaScript diretamente no código do seu site. Os links são um dos elementos mais comuns para integração com o rastreamento de eventos.

O JavaScript oferece uma função chamada onClick que você pode adicionar aos seus links. Um link HTML padrão se parece um pouco com isto:


Enviar Email

Os links em HTML contêm a tag base a e vários atributos, incluindo o link definido em href . Você pode estender os links HTML com a função onClick do JavaScript para que eles se pareçam um pouco com isto:


Enviar Email

Como você pode ver acima, o código segue basicamente o mesmo formato do primeiro link acima, mas com um atributo onclick adicional. A função JavaScript real que aciona o evento está entre aspas. Do exemplo acima seria:


_paq.push(['trackEvent', 'Contact', 'Email Link Click', '[email protected]']);

O exemplo de código acima rastreia os seguintes dados de evento:

  • Categoria do Evento: Contact
  • Ação do Evento: Email Link Click
  • Nome do Evento: [email protected]

Ele funciona informando ao MVMCloud Analytics que você deseja enviar dados para a plataforma _paq.push([ ]); e trackEvent define o tipo de dados a serem enviados. O MVMCloud Analytics então reconhece os próximos dois a quatro atributos como do Evento; Categoria, Ação, Nome, Valor do Evento.

Você também deve ter notado que o código acima mostra apenas três valores após trackEvent. Isso ocorre porque o atributo Valor do Evento é opcional. Se um Nome ou Valor não for necessário, você pode simplesmente deixar de fora os parâmetros finais, em vez de adicioná-ls em branco. Para obter um exemplo de evento em que você deseja rastrear um valor, veja abaixo:


_paq.push(['trackEvent', 'Ecommerce', 'Aduicionar à lista de desejos', 'Smartphone', 1000]);

O exemplo de código acima rastreia quando um item é adicionado a uma lista de desejos, com o valor definido como o custo do item:

  • Categoria do Evento: Ecommerce
  • Ação do Evento: Adicionar à lista de desejos
  • Nome do Evento: Smartphone
  • Valor do Evento: 1000

Você pode perceber que, como o valor é um número, ele não requer aspas simples como as sequências de texto anteriores.