Configuração da API de Monitoramento

• A API de monitoramento coleta eventos em tempo real, como cliques, saídas da página e interações do usuário.
• Eventos são gerados quando os usuários interagem com elementos do portal, realizam buscas ou participam de testes e experiências.
• A coleta desses eventos pela API de monitoramento é fundamental para análise e melhoria das métricas do canal digital.

Configurando a API de Monitoramento no Gerenciador de Tags

• Acesse o gerenciador de tags e crie uma nova tag chamada "API de Monitoramento".
• É recomendado que a tag esteja na primeira posição da lista para garantir que os eventos sejam corretamente coletados.
• Certifique-se de cadastrar previamente a API de monitoramento para que os eventos sejam capturados adequadamente.

Cadastro da Tag no Gerenciador de Tags

• No ambiente do gerenciador de tags, adicione uma nova tag com o nome "API de Monitoramento".
• Posicione essa tag na posição zero para que seja a primeira da lista.
• Defina o tipo de tag como "API de Monitoramento" e o gatilho para todas as páginas.

Essas são as etapas para configurar a API de monitoramento no gerenciador de tags, permitindo a coleta e análise dos eventos do comportamento dos usuários em um canal digital.

Botões e Funcionalidades

• O serviço do gerenciador de tags possui botões com funcionalidades importantes para o trabalho diário, incluindo a opção de versionamento.
• Permite criar novas tags com campos para definir o tipo (padrão ou customizada) e o intuito da tag.
• Existem dois tipos de tag disponíveis - padrão (templates pré-definidos) e customizada (inserção livre de tags HTML).
• Define onde a tag será implementada no portal, podendo ser em todas as páginas ou em um local específico definido em JavaScript.
• Seleciona uma opção que representa melhor a tag, permitindo filtrar por categoria na lista de tags.
• Representa o status da tag, como arquivada ou aprovada para produção.

Versionamento e Publicação

• Permite visualizar histórico das versões salvas das tags, facilitando voltar para versões anteriores se necessário.
• Organiza as tags, sendo importante posicionar a tag de API de monitoramento como a primeira da lista.
• Envia a tag para produção, dependendo do status em que ela se encontra (arquivada ou aprovada).

Outras Funcionalidades

• Permite buscar o código de inclusão do gerenciador de tags para configurá-lo e inseri-lo no cabeçalho da página.
• Modo preview para testar novas tags antes de enviá-las para produçã

Importância dos Eventos

• Os eventos são ações realizadas pelos usuários no canal digital.
• Cada ação gera um evento que é coletado pela API de monitoramento.
• Os eventos são visualizados na área de análise de dados.

Estrutura de Eventos

• É importante ter uma estrutura de eventos bem definida para capturar o comportamento dos usuários.
• Tags customizadas com código JavaScript são aplicadas para coletar esse comportamento.
• A estrutura de eventos permite uma coleta significativa e facilita a visualização dos dados na área de análise.

Exemplos de eventos padrões:

• Chamada para ação (call to action): Captura cliques em elementos que realizam alguma ação no portal.
• Dom clique (dom click): Captura cliques em elementos HTML.
• Clique no produto: Diversos eventos relacionados aos cliques em produtos, como interesse, compra e categoria.
• Comportamento de busca: Captura eventos relacionados à busca feita pelo usuário.
• Clique no banner: Captura cliques em banners do portal.
• Testes AB: Diversos eventos relacionados à aplicação e conversão dos testes AB.

Eventos Relacionados ao Comportamento do Formulário:

• Capturam o comportamento dos usuários em relação aos formulários.
• Fornecem métricas ricas sobre conversão, tempo de conversão, abandono e erros nos campos do formulário.

Criação de Novos Eventos:

• Nem todos os eventos padrões atendem a necessidades específicas.
• É possível criar novos eventos na área de criação de eventos.
• Exemplos incluem cliques para baixar documentos ou em elementos específicos do portal.

Configuração do Tagueamento do Menu de Navegação

• Acessar o ambiente de demonstração "rou demo".
• Capturar o comportamento dos usuários no menu de navegação.
• Inicialmente, será capturado apenas o primeiro nível do menu.

Estruturação das Tags

• Organizar as tags em categorias para facilitar a manutenção.
• Cadastrar uma categoria para cada tipo de tag.
• Quanto mais trabalho for realizado na melhoria da experiência, maior será a lista de tags.
• Ter uma estrutura organizada facilita a busca e manutenção das tags.

Cadastro da Categoria "Tagueamento"

• Acessar o serviço de gerenciador de tags.
• Adicionar uma nova categoria chamada "tagueamento".

Resultado

• A primeira categoria, "tagueamento", foi cadastrada com sucesso.

Criando a Tag e Definindo os Detalhes

• Adicionar uma nova tag para capturar cliques no menu.
• Nomear a tag como "Captura de Cliques no Menu".
• Posicioná-la na posição 1, pois a posição zero já está sendo utilizada pela API de monitoramento.
• A ordem das tags é importante, e essa deve ser a primeira na lista.

Descrição e Tipo da Tag

• O campo de descrição é opcional e não será utilizado neste momento.
• Utilizar o tipo customizado para a tag.
• Inserir o código HTML relacionado à tag.

Configurando o Gatilho da Tag

• Definir o tipo do gatilho como "Todas as Páginas", pois o menu de navegação aparece em todas as páginas.
• Caso haja alguma página em que o menu não apareça, adicionar um tipo customizado e especificar via JavaScript que essa página não possui o menu. No entanto, utilizar "Todas as Páginas" será suficiente na maioria dos casos.

Categoria da Tag

• Selecionar a categoria previamente criada chamada "Tagueamento".

Finalizando a Configuração da Tag

• Aprovar e salvar a tag.

Entendendo o Código JavaScript para Capturar Comportamentos do Menu

• A seguir, vamos inserir o código JavaScript que irá capturar os comportamentos dos usuários em relação ao menu de navegação.
• Declarar uma variável constante chamada "menuLink" que receberá uma lista com todos os elementos do primeiro nível do menu.
• Utilizar um loop "for" para aguardar eventos de clique nos elementos mapeados.
• Ao ocorrer um clique em algum item do menu, guardar o nome desse item e gerar um console log para testar.

Testando a Captura de Comportamento

• Habilitar o modo de pré-visualização para testar a captura de comportamento.
• Copiar o parâmetro gerado pelo gerenciador de tags e colá-lo no final da URL para visualizar a captura em funcionamento.
• Utilizar a ferramenta de desenvolvedor (DevTools) para identificar os logs gerados no console ao clicar nos itens do menu.

Substituindo Console Log por Evento

• Editar a tag criada anteriormente.
• Substituir o console log pelo evento previamente preparado.
• O evento é do tipo "Dom Click", representando um clique em um elemento HTML.
• O evento possui nome e ID definidos para identificação na análise de dados.

Salvando a identificação do elemento clicado

• Ao clicar em um elemento, é possível salvar sua identificação.
• É necessário limpar e recarregar as alterações para testar novamente.
• O parâmetro de pré-visualização não precisa ser inserido a cada teste.
• Ao testar novamente, é possível visualizar melhor o comportamento no network.

Filtrando por clique

• É possível substituir o console pelo evento de clique.
• Ao observar no Network, pode-se verificar se o evento de dom click foi gerado.
• No payload, é possível ver que o evento gerou um ID de cliques no menu com o nome respectivo ao item clicado.

Verificando a coleta de dados

• Antes de publicar, é importante verificar se a coleta de dados está ocorrendo corretamente.

Criação do Relatório

• O relatório mostra corretamente os cliques gerados nos serviços e produtos.
• Os resultados são coletados em tempo real pela API de monitoramento.
• Explicação sobre como o relatório foi criado usando eventos com IDs específicos.
• Filtro adicionado para exibir apenas os eventos com o ID "cliques no menu".
• Agrupamento dos eventos pelo nome do elemento HTML.

Visualização dos Eventos

• É possível alternar entre visualizar os eventos pelo nome ou pelo identificador.
• Ao atualizar, a quantidade de eventos permanece a mesma, mas a visualização muda.

Encerrando a Tag

• A tag está coletando corretamente os dados e pode ser fechada.
• Desabilitar o preview e publicar a tag para capturar o comportamento dos usuários.

Relatório dos Clientes Gerados

• O relatório mostra corretamente os cliques nos serviços e produtos.
  • Cada clique é representado por uma barra horizontal no relatório.
• Os resultados são coletados em tempo real pela API de monitoramento.
• É possível acompanhar e analisar as métricas com base nos dados de comportamento do usuário gerados em tempo real.

Criação do Relatório

• Explicação sobre como o relatório foi criado usando eventos com IDs específicos.
  • Filtro adicionado para exibir apenas os eventos com o ID "cliques no menu".
  • Agrupamento dos eventos pelo nome do elemento HTML.

Visualização dos Eventos

• É possível alternar entre visualizar os eventos pelo nome ou pelo identificador.
  • Ao atualizar, a quantidade de eventos permanece a mesma, mas a visualização muda.

Encerrando a Tag

• A tag está coletando corretamente os dados e pode ser fechada.
• Desabilitar o preview e publicar a tag para capturar o comportamento dos usuários.

Acessando a Documentação Online

• Acesse a ferramenta LumisCXM.
• No canto superior direito, clique em "Documentação Online".
• Na página da documentação, você encontrará informações sobre a ferramenta LumisCXM.
• Nosso foco será visualizar os eventos padrões.

Visualizando os Eventos Padrões

• Existem duas opções de eventos que podemos utilizar.
• Desejamos visualizar os eventos padrões.
• Encontramos um breve resumo dos eventos padrões e como estruturar o evento para análise de dados.

Estrutura do Evento

• Para criar um evento, precisamos adicionar um "lum track" com o identificador do evento desejado e o ID dos campos relacionados a esse evento.
• Exemplo: Para capturar cliques no menu, utilizamos o evento "Dom Click" com os campos relevantes (ID do campo identificador e ID do campo nome).

Lista de Eventos Padrões

• Podemos consultar uma lista de eventos padrões disponíveis na plataforma.
• Busque pelo evento mais adequado para sua captura desejada.
• Exemplo: Para capturar cliques em banners, utilize o evento "clique no elemento HTML".

Eventos Customizados

• Caso não encontre um evento específico na lista de eventos padrões, temos a opção de criar eventos customizados.

O que é o teste AB?

• O teste AB é uma prática comum para validar hipóteses e testar novas formas de visualizar conteúdos.
• É utilizado para criar novos chamados em páginas e testar possibilidades de formulários.
• Ajuda a identificar pontos de fricção na jornada do usuário, como abandono de formulários ou dificuldades na identificação de conteúdo.

Como funciona o teste AB?

• Define-se a probabilidade dos usuários participarem do teste ao acessarem a página.
• Pode-se definir uma probabilidade de 50% para os usuários participarem aleatoriamente do teste ou verem a página normalmente.
• Também é possível definir diferentes variantes para comparar métricas e determinar qual variante converte melhor.

Definindo a probabilidade dos usuários participarem

• Em páginas com alto tráfego, pode-se definir uma probabilidade (por exemplo, 50%) para os usuários participarem aleatoriamente do teste.
• Isso permite controlar quais usuários estarão envolvidos no experimento.

Conclusão

• O teste AB é uma ferramenta poderosa para testar hipóteses e melhorar a experiência do usuário.
• Ao definir as probabilidades de participação, é possível controlar quais usuários estarão envolvidos no experimento.
• Com base nas métricas obtidas, pode-se determinar qual variante converte melhor e atende às necessidades dos usuários.

Criação do Teste AB

• O primeiro passo é acessar a página de teste AB e definir a probabilidade do usuário participar do teste.
• Configurações opcionais incluem agendamento, segmentação de usuários e descrição.
• É necessário definir a probabilidade do usuário entrar no experimento.
• Após criar o teste AB, é possível configurar as variantes.

Configuração das Variantes

• A primeira variante padrão é o grupo de controle, que representa a versão original sem modificações.
• É possível adicionar novas variantes, como "lista de produtos", por exemplo.
• As probabilidades das variantes podem ser ajustadas para equilibrar o teste.

Grupo de Controle

• O grupo de controle representa a versão original do portal, sem modificações.
• Essa variante não permite alterações ou inserção de JavaScript.
• É uma versão concorrente no teste AB.

Nova Variante

• A nova variante traz uma nova experiência de visualização dos produtos.
• É possível adicionar um JavaScript para realizar as modificações necessárias.
• A probabilidade dessa variante pode ser ajustada para equilibrar o teste.

Probabilidades

• As probabilidades das variantes podem ser ajustadas conforme necessário.
• É importante definir as probabilidades de forma justa para obter resultados confiáveis no teste AB.

Criação da Tag no Gerenciador de Tags

• Acessar o gerenciador de tags.
• Criar uma nova tag chamada "Teste AB" para aplicar o teste AB na página de produtos.
• Definir o gatilho como a página de produtos.

Adição do Código HTML de Inclusão

• Acessar a tag "Teste AB" no gerenciador de tags.
• Adicionar um código JavaScript para chamar o teste AB na página desejada.

Tipos de Eventos do Teste AB

• Apply Experiment: Aplica um teste AB em um local específico.
• Goal Achieved: Define um evento de conversão.
• Abandono (Abandon): Define um evento quando um usuário abandona o experimento.

Adição do Apply Experiment

• Editar a tag "Teste AB" no gerenciador de tags.
• Adicionar o código HTML do Apply Experiment para aplicar o teste AB na página desejada.

Verificação da Modificação

• Salvar e fechar a tag do Teste AB no gerenciador de tags.
• Habilitar o modo de visualização em tempo real.
• Adicionar o parâmetro na URL para visualizar a variante desejada.
• Confirmar as modificações e acessar a página de produtos para ver as alterações aplicadas pelo teste AB.

Observação dos Resultados

• Acessar a página de produtos.
• Verificar as modificações realizadas pelo teste AB, como a disposição dos produtos em formato de lista ao invés de cards.

Definição da Conversão

• A conversão nas setas será equivalente à conversão no botão "comprar agora", pois ambos levam à página de detalhes do produto.
• É necessário mapear todos os botões que representam a conversão, independentemente da variante presente na página.
• O evento de conversão será inserido através do código HTML, utilizando o goal achieved.

Adicionando o Evento de Conversão

• Utilizaremos o num track do goal achieved para registrar a conversão do experimento.
• Após salvar as alterações, recarregamos a página para verificar os eventos gerados.

Verificando os Eventos Gerados

• Ao atualizar a página, podemos filtrar pelos eventos relacionados ao experimento.
• Podemos observar que o evento de aplicação do experimento foi gerado.
• Ao clicar em um dos elementos de "comprar agora", a conversão é contabilizada como goal achieved.

Utilizando o Evento de Abandono

• O evento de abandon será utilizado quando desejarmos definir uma ação específica para ser considerada como abandono do experimento.
• Caso não utilizemos esse evento, por padrão, o produto considerará um tempo limite de 30 minutos para realização da conversão.
• Após esse tempo, se a conversão não ocorrer, será considerado que houve abandono do experimento.

Conclusão

O teste AB foi configurado corretamente, com os eventos de conversão e abandono sendo registrados adequadamente. Agora está pronto para ser publicado.