Adicionar o Adobe Analytics

Nesta lição, você implementará a extensão Adobe Analytics e criará regras para enviar dados ao Adobe Analytics.

O Adobe Analytics é uma solução líder do setor que torna você capaz de entender seus clientes como pessoas e orientar seus negócios com informações de inteligência de clientes.

OBSERVAÇÃO

O Adobe Experience Platform Launch está sendo integrado à Adobe Experience Platform como um conjunto de tecnologias de coleção de dados. Várias alterações de terminologia foram implementadas na interface de que você deve estar ciente ao usar este conteúdo:

  • Agora o Platform launch (lado do cliente) é tags
  • O lado do servidor do Platform launch agora é event forwarding
  • As configurações de borda agora são datastreams

Objetivos de aprendizagem

No final desta lição, você poderá:

  1. Adicionar a extensão do Adobe Analytics
  2. Definir variáveis globais usando a extensão
  3. Adicionar o sinal de visualização de página
  4. Adicionar mais variáveis usando regras
  5. Adicionar rastreamento de cliques e outros sinais baseados em eventos
  6. Adicionar plug-ins do Analytics

Há muitas coisas que podem ser implementadas para o Analytics nas tags. Esta lição não é exaustiva, mas deve oferecer uma visão geral das principais técnicas necessárias para implementação em seu próprio site.

Pré-requisitos

Você já deve ter concluído as lições em Configurar tags e Adicionar o Serviço de identidade.

Além disso, você precisará de pelo menos uma ID de conjunto de relatórios e seu servidor de rastreamento. Se você não tiver um conjunto de relatórios de teste/desenvolvimento que pode ser usado para este tutorial, crie um. Se não tiver certeza sobre como fazer isso, consulte a documentação. Você pode recuperar o servidor de rastreamento da implementação atual, do consultor da Adobe ou do representante do Atendimento ao cliente

Adicionar a extensão do Analytics

A extensão Analytics consiste em duas partes principais:

  1. A configuração da extensão, que gerencia as principais configurações da biblioteca AppMeasurement.js e pode definir variáveis globais
  2. Ações de regras responsáveis pelos itens a seguir:
    1. Definir variáveis
    2. Limpar variáveis
    3. Enviar o sinal do Analytics

Para adicionar a extensão Analytics

  1. Acesse Extensões > Catálogo

  2. Localize a extensão Adobe Analytics

  3. Clique em Instalar

    Instalar a extensão Analytics

  4. Em Gerenciamento de biblioteca > Conjuntos de relatórios, insira as IDs do conjunto de relatórios que você deseja usar com cada ambiente de tag. Se os usuários tiverem acesso ao Adobe Analytics, observe que ao digitar na caixa, você verá uma lista pré-preenchida de todos os seus conjuntos de relatórios. (Não há problema em usar um conjunto de relatórios para todos os ambientes neste tutorial, mas na vida real você pode usar conjuntos de relatórios separados, como mostrado na imagem abaixo)

    Insira as IDs do conjunto de relatórios

    DICA

    Recomendamos usar a opção Gerenciar a biblioteca para mim como a configuração Gerenciamento da biblioteca, pois facilita muito a atualização da biblioteca AppMeasurement.js.

  5. Em General > Tracking Server, insira o servidor de rastreamento, por exemplo tmd.sc.omtrdc.net. Insira seu servidor de rastreamento SSL se o site suporta https://

    Insira os servidores de rastreamento

  6. Na seção Variáveis globais, em Configurações adicionais, defina a variável Nome da página usando seu elemento de dados Page Name. Clique no ícone do elemento de dados para abrir o modal e escolher o elemento de dados Page Name da página)

  7. Clique em Salvar na biblioteca

    Definir a variável de nome de página e salvar

OBSERVAÇÃO

As variáveis globais podem ser definidas na configuração da extensão ou nas ações de regras. Observe que, ao definir variáveis na configuração da extensão, a camada de dados deve ser definida antes de dos códigos incorporados da tag.

Enviar o sinal de Exibição de página

Agora, você criará uma regra para acionar o sinal do Analytics, que enviará a variável Nome da página definida na configuração da extensão.

Você já criou uma regra "Todas as páginas - Biblioteca carregada" na lição Adicionar um elemento de dados, uma regra e uma biblioteca deste tutorial, que é acionada em cada página quando a biblioteca de tags é carregada. Você poderia usar essa regra também para o Analytics, no entanto, essa configuração exige que todos os atributos da camada de dados usados no sinal do Analytics sejam definidos antes dos códigos incorporados da tag. Para permitir mais flexibilidade com a coleção de dados, você criará uma nova regra “Todas as páginas” acionada no Pronto para DOM para acionar o sinal do Analytics.

Para enviar o sinal de Exibição de página

  1. Vá para a seção Rules na navegação à esquerda e clique em Adicionar Regra

    Adicionar regra

  2. Atribua um nome à regra All Pages - DOM Ready

  3. Clique em Eventos > Adicionar para abrir a tela Event Configuration

    Nomear a regra e adicionar um evento

  4. Selecione Tipo de evento > Pronto para DOM (Observe que a ordem da regra é "50")

  5. Clique em Manter alterações
    Configurar o evento

  6. Em Ações, clique em Clicar no ícone de adição para adicionar uma nova ação

    Clique no ícone de adição para adicionar uma nova ação

  7. Selecione Extensão > Adobe Analytics

  8. Selecione Tipo de ação > Enviar beacon

  9. Deixar rastreamento configurado como s.t(). Observe que se quiser fazer uma chamada s.tl() em uma regra de clique-evento, seria possível fazer isso usando a ação Enviar sinal.

  10. Clique no botão Manter alterações

    Clique no ícone de adição para adicionar uma nova ação

  11. Clique em Salvar na biblioteca e Criar

    Clique em Salvar na biblioteca e Criar

Validar o sinal de Exibição de página

Depois de criar uma regra para enviar um sinal do Analytics, você poderá ver a solicitação no Experience Cloud Debugger.

  1. Abra o site de demonstração do Luma no navegador Chrome

  2. Clique no ícone do Debugger Abrir o Experience Cloud Debugger para abrir o Adobe Experience Cloud Debugger

  3. Certifique-se de que o Debugger esteja mapeando a propriedade da tag para o ambiente de desenvolvimento, conforme descrito na lição anterior

    Seu ambiente de desenvolvimento de tags mostrado no Debugger

  4. Clique para abrir a guia Analytics

  5. Expanda o nome do seu conjunto de relatórios para mostrar todas as solicitações feitas

  6. Confirme se a solicitação foi acionada com a variável e o valor do Nome da página

    Validar a ocorrência da página

OBSERVAÇÃO

Se o Nome da página não estiver sendo exibido para você, refaça as etapas desta página para garantir que você não tenha perdido nada.

Adicionar variáveis com regras

Ao configurar a extensão Analytics, você preencheu a variável pageName na configuração da extensão. Esse é um bom local para preencher outras variáveis globais, como eVars e props, desde que o valor esteja disponível na página antes que o código de incorporação da tag seja carregado.

Um local mais flexível para definir variáveis, bem como eventos, está nas regras que usam a ação Set Variables. As regras permitem definir diferentes variáveis e eventos do Analytics em condições distintas. Por exemplo, você pode definir a prodView apenas na página de detalhes do produto e o evento purchase apenas nas páginas de confirmação de pedido. Esta seção ensina como definir variáveis usando regras.

Caso de uso

As Páginas de detalhes do produto (PDP) são pontos importantes para a coleção de dados em sites de varejo. Normalmente, você quer que o Analytics registre que uma exibição de produto aconteceu e qual produto foi visualizado. Isso é útil para entender quais produtos são populares entre seus clientes. Em um site de mídia, as páginas de artigo ou vídeo podem usar técnicas de rastreamento semelhantes àquelas que usará nesta seção. Ao carregar uma Página de detalhes do produto, você pode desejar colocar esse valor em um de "Tipo de página" eVar, bem como definir alguns eventos e a ID do produto. Isso nos permitirá visualizar as seguintes informações em nossa análise:

  1. Quantas vezes as páginas de detalhes do produto são carregadas
  2. Quais produtos específicos são visualizados e quantas vezes
  3. Como outros fatores (campanhas, pesquisa etc.) afetam quantas PDPs são carregadas

Criar elemento de dados para o Tipo da página

Primeiro, é preciso identificar quais páginas são as Páginas de detalhes do produto. Você fará isso com um elemento de dados.

Para criar o elemento de dados para o tipo de página

  1. Clique em Elementos de dados no painel de navegação esquerdo

  2. Clique em Adicionar elemento de dados

    Adicionar um novo Elementos de dados

  3. Nomeie o elemento de dados Page Type

  4. Selecione Tipo de elemento de dados > Variável JavaScript

  5. Use digitalData.page.category.type como o nome da variável JavaScript

  6. Marque as opções Clean text e Force Lower Case

  7. Clique em Salvar na biblioteca

    Adicionar um novo elemento de dados para o tipo de página

Crie o elemento de dados para a ID de produto

Em seguida, colete a ID do produto da página Detalhes do produto atual com um elemento de dados

Para criar o elemento de dados para a ID do produto

  1. Clique em Elementos de dados no painel de navegação esquerdo

  2. Clique em Adicionar elemento de dados

    Adicionar um novo Elementos de dados

  3. Nomeie o elemento de dados Product Id

  4. Selecione Tipo de elemento de dados > Variável JavaScript

  5. Use digitalData.product.0.productInfo.sku como o nome da variável JavaScript

  6. Marque as opções Clean text e Force Lower Case

  7. Clique em Salvar na biblioteca

    Adicionar um novo elemento de dados para o tipo de página

Adicionar a extensão da cadeia de caracteres de produtos do Adobe Analytics

Se já estiver familiarizado com as implementações do Adobe Analytics, provavelmente está familiarizado com a variável dos produtos. A variável de produtos tem uma sintaxe muito específica e é usada de maneiras um pouco diferentes, a depender do contexto. Para facilitar o preenchimento da variável de produtos nas tags, três extensões adicionais já foram criadas na loja de extensões de tag! Nesta seção, você adicionará uma extensão criada pelo Adobe Consulting para uso na página Detalhes do produto.

Para adicionar a Adobe Analytics Product String extensão

  1. Acesse a página Extensões > Catálogo

  2. Localize a extensão Adobe Analytics Product String pelos Serviços de consultoria da Adobe e clique em Instalar
    Adicionar a extensão da cadeia de caracteres do produto do Adobe Analytics pela Adobe Consulting

  3. Reserve um momento para ler as instruções

  4. Clique em Salvar na biblioteca

    Salve a extensão e crie-a na biblioteca

Crie a regra para as Páginas de detalhes do produto

Agora, use os novos elementos de dados e a extensão para criar a regra da página Detalhes do produto. Para obter essa funcionalidade, crie outra regra de carregamento de página acionada pelo Pronto para DOM. No entanto, use uma condição para que ela só seja acionada nas páginas de detalhes do produto e na configuração do pedido para que seja acionada antes da regra que envia o sinal.

Para criar a regra da página Detalhes do produto

  1. Vá para a seção Rules na navegação à esquerda e clique em Adicionar Regra

    Adicionar regra

  2. Atribua um nome à regra Product Details - DOM Ready - 40

  3. Clique em Eventos > Adicionar para abrir a tela Event Configuration

    Nomear a regra e adicionar um evento

  4. Selecione Tipo de evento > Pronto para DOM

  5. Defina a Ordem com o valor 40 para que a regra seja executada antes da regra que contém a ação Analytics > Enviar beacon

  6. Clique em Manter alterações

    Configurar o evento

  7. Em Condições, clique no ícone de adição para abrir a tela Condition Configuration
    Clique no ícone de adição para adicionar uma nova biblioteca

    1. Selecione Tipo de condição > Comparação de valor

    2. Use o seletor de elemento de dados, escolha Page Type no primeiro campo

    3. Selecione Contém na lista suspensa do operador de comparação

    4. No próximo tipo de campo product-page (essa é a parte exclusiva do valor do tipo de página extraído da camada de dados no PDP)

    5. Clique em Manter alterações

      Definir a condição

  8. Em Ações, clique em Clicar no ícone de adição para adicionar uma nova ação

    Clique no ícone de adição para adicionar uma nova ação

  9. Selecione Extensão > Cadeia de caracteres de produto do Adobe Analytics

  10. Selecione Tipo de ação > Definir s.products

  11. Na seção Evento de comércio eletrônico do Analytics, selecione prodView

  12. Na seção Variáveis da camada de dados para dados do produto, use o Seletor de elementos de dados para escolher o elemento de dados Product Id

  13. Clique em Manter alterações

    Adicione a variável de cadeia de caracteres de produto usando a extensão Cadeia de caracteres de produto do Adobe Analytics

  14. Em Ações, clique em Clicar no ícone de adição para adicionar uma nova ação

    Adicionar outra ação para a cadeia de caracteres do produto

  15. Selecione Extensão > Adobe Analytics

  16. Selecione Tipo de ação > Definir variáveis

  17. Selecione eVar1 > Definir como e insira product detail page

  18. Defina event1, deixando os valores opcionais em branco

  19. Em Eventos, clique no botão Adicionar outro

  20. Defina o evento prodView, deixando os valores opcionais em branco

  21. Clique em Manter alterações

    Definir variáveis do Analytics na regra PDP

  22. Clique em Salvar na biblioteca e Criar

    Salvar a regra

Validar os dados da página de detalhes do produto

Você acabou de criar uma regra que define variáveis antes do beacon ser enviado. Agora é possível ver os novos dados que saem na ocorrência no Experience Cloud Debugger.

Para validar os dados da página Detalhes do produto

  1. Abra o site de demonstração do Luma no navegador Chrome

  2. Navegue até qualquer página de detalhes do produto

  3. Clique no ícone do Debugger Abrir o Experience Cloud Debugger para abrir o Adobe Experience Cloud Debugger

  4. Clique na guia Analytics

  5. Expanda o conjunto de relatórios

  6. Observe as Variáveis de detalhes do produto que agora estão no depurador, especificamente se eVar1 tiver sido definida como "página de detalhes do produto", se a variável Events estiver definida como "event1" e "prodView", se a variável Produtos estiver definida com a ID de produto do produto que você está visualizando e que seu Nome de página ainda está definido pela extensão do Analytics.

    Validar a ocorrência da página

Quando uma página é carregada, você normalmente aciona um sinal de carregamento de página usando a função s.t(). Isso incrementa automaticamente uma métrica page view página para a página listada na variável pageName.

No entanto, às vezes você não quer incrementar as exibições de página no seu site, pois a ação que está acontecendo é "menor", ou talvez apenas diferente do que uma exibição de página. Nesse caso, use a função s.tl(), comumente chamada de solicitação de "rastreamento de link". Embora seja referido como uma solicitação de rastreamento de link, ela não precisa ser acionada por um clique em links. Ela pode ser acionada por qualquer dos eventos que estão disponíveis para você no construtor de regras de tags, incluindo seu próprio JavaScript personalizado.

Neste tutorial, você acionará uma chamada s.tl() usando um dos mais interessantes eventos JavaScript, um evento Enters Viewport.

O caso de uso

Nesse caso de uso, você quer saber se as pessoas estão rolando para baixo em nossa página inicial do Luma o suficiente para ver a seção Produtos em destaque de nossa página. Há alguma discórdia interna em nossa empresa sobre se as pessoas estão ou não vendo essa seção, portanto, você pode usar o Analytics para determinar a verdade.

Criar a regra nas tags

  1. Vá para a seção Rules no painel de navegação esquerdo e clique em Adicionar Regra

    Adicionar regra

  2. Atribua um nome à regra Homepage - Featured Products enters Viewport

  3. Clique em Eventos > Adicionar para abrir a tela Event Configuration

    Adicionar regra de produtos em destaque

  4. Selecione Tipo de evento > Enters Viewport. Isso exibirá um campo onde você precisa entrar no seletor de CSS que identificará o item na página que deve acionar a regra quando ela entrar na exibição no navegador

  5. Volte para a página inicial do Luma e role para baixo até a seção Produtos em destaque.

  6. Clique com o botão direito do mouse no espaço entre o título "PRODUTOS RECURSOS" e os itens desta seção e selecione Inspect no menu exibido com o botão direito do mouse. Isso vai te aproximar do que você quer

  7. Nesse momento, possivelmente logo abaixo da seção selecionada, você procura por uma div com class="we-productgrid aem-GridColumn aem-GridColumn--default--12". Localize esse elemento

  8. Clique com o botão direito do mouse nesse elemento e selecione Copiar > Copiar seletor

    Configurar o evento Enters Viewport

  9. Retorne às tags e cole esse valor da área de transferência no campo rotulado Elements matching the CSS selector.

    1. Além disso, é você que decide como identificar os seletores de CSS. Esse método é um pouco frágil, pois determinadas alterações na página podem interromper esse seletor. Considere isso ao usar qualquer seletor de CSS nas tags.
  10. Clique em Manter alterações

    Configurar o evento Enters Viewport

  11. Em Condições, clique no ícone de adição para adicionar uma nova condição

  12. Selecione Tipo de condição > Comparação de valor

  13. Use o seletor de elemento de dados, escolha Page Name no primeiro campo

  14. Selecione Igual na lista suspensa do operador de comparação

  15. No próximo tipo de campo content:luma:us:en (esse é o nome da página inicial, conforme extraído da camada de dados, queremos que essa regra seja executada apenas na página inicial)

  16. Clique em Manter alterações

    Configurar a condição de página inicial

  17. Em Ações, clique em Clicar no ícone de adição para adicionar uma nova ação

  18. Selecione Extensão > Adobe Analytics

  19. Selecione Tipo de ação > Definir variáveis

  20. Defina eVar3 como Home Page - Featured Products

  21. Defina prop3 como Home Page - Featured Products

  22. Defina a variável Events como event3

  23. Clique em Manter alterações

    Configurar o evento Enters Viewport

  24. Em Ações, clique em Clicar no ícone de adição para adicionar outra nova ação

  25. Selecione Extensão > Adobe Analytics

  26. Selecione Tipo de ação > Enviar beacon

  27. Escolha a opção de rastreamento s.tl()

  28. No campo Nome do link, digite Scrolled down to Featured Products. Esse valor será colocado no relatório Links personalizados do Analytics

  29. Clique em Manter alterações

    Configurar beacon de produtos em destaque

  30. Clique em Salvar na biblioteca e Criar

    Salvar a regra e criar

Agora, você deve certificar-se de que essa ocorrência seja aplicada quando rolar para baixo até a seção Produtos em destaque da Página inicial do nosso site. Quando você carrega a página inicial pela primeira vez, a solicitação não deve ser feita, mas, ao rolar para baixo e a seção aparecer na visualização, a ocorrência deve ser acionada com nosso novos valores.

  1. Abra o site do Luma no navegador Chrome e verifique se você está na parte superior da página inicial.

  2. Clique no ícone do Debugger Abrir o Experience Cloud Debugger para abrir o Adobe Experience Cloud Debugger

  3. Clique na guia Analytics

  4. Expanda a ocorrência do conjunto de relatórios

  5. Observe a ocorrência de exibição de página normal da página inicial com o nome da página etc. (mas nada na eVar3 ou prop3).

    Debugger com uma exibição de página

  6. Com o Debugger aberto, role para baixo em seu site até visualizar a seção Produtos em destaque

  7. Exiba o Debugger novamente e outra ocorrência do Analytics deve ser exibida. Essa ocorrência deve ter os parâmetros associados à ocorrência s.tl() que você configurou, ou seja:

    1. LinkType = "link_o" (isso significa que a ocorrência é de link personalizado e não uma ocorrência de exibição de página).

    2. LinkName = "Scrolled down to Featured Products"

    3. prop3 = "Home Page - Featured Products"

    4. eVar3 = "Home Page - Featured Products"

    5. Events = "event3"

      Debugger com uma exibição de página

Adicionar um plug-in

Um plug-in é uma parte de código JavaScript que pode ser adicionado à implementação para executar uma função que não está incorporada ao produto. Os plug-ins podem ser criados por você, por outros clientes ou parceiros da Adobe, ou pela Adobe Consulting.

São necessárias apenas três etapas para implementar plug-ins:

  1. Inclua a função doPlugins, onde o plug-in será referenciado
  2. Adicione o código da função principal para o plug-in
  3. Inclua o código que chama a função, define variáveis etc.

Torne o objeto do Analytics globalmente acessível

Se você adicionar a função doPlugins (abaixo) e usar plug-ins, será necessário marcar uma caixa para tornar o objeto "s" do Analytics disponível globalmente na implementação do Analytics.

  1. Acesse Extensões > Instalado

  2. Na extensão do Adobe Analytics, clique em Configurar

    Configurar o Analytics

  3. Em Gerenciamento de biblioteca, selecione a caixa rotulada Make tracker globally accessible. Como você pode ver na bolha de ajuda, isso fará com que o rastreador seja destacado globalmente em window.s, o que é importante quando ao fazer referência a ele no JavaScript do cliente.
    Tornar o rastreador globalmente acessível

Inclusão da função doPlugins

Para adicionar plug-ins, é necessário adicionar uma função chamada doPlugins. Essa função não é adicionada por padrão, mas uma vez adicionada, é gerenciada pela biblioteca do AppMeasurement e é chamada por último quando uma ocorrência é enviada para o Adobe Analytics. Portanto, você pode usar essa função para executar um JavaScript para configurar variáveis mais facilmente configuráveis dessa forma.

  1. Ainda na extensão Analytics, role para baixo e expanda a seção intitulada Configure Tracker Using Custom Code.

  2. Clique em Abrir editor

  3. Cole o código a seguir no editor de códigos:

    /* Plugin Config */
    s.usePlugins=true
    s.doPlugins=function(s) {
    /* Add calls to plugins here */
    }
    
  4. Mantenha essa janela aberta para a próxima etapa

Adicionar código de função para o plug-in

Na verdade, você chamará dois plug-ins neste código, mas um deles está integrado à biblioteca do AppMeasurement, portanto, naquele que você não precisa adicionar a função para chamar. No entanto, para o segundo, também é necessário adicionar o código da função. Esta função é chamada getValOnce().

O plug-in getValOnce()

A finalidade deste plug-in é impedir que os valores sejam duplicados falsamente no código quando um visitante atualiza uma página ou usa o botão Voltar do navegador para voltar para uma página na qual um valor foi definido. Nesta lição, você a usará para impedir que o evento clickthrough seja duplicado.

O código desse plug-in está disponível na documentação do Analytics, mas também foi incluído aqui para facilitar a cópia/colagem.

  1. Copie o código a seguir

    /* Adobe Consulting Plugin: getValOnce v2.01 */
    s.getValOnce=function(vtc,cn,et,ep){if(vtc&&(cn=cn||"s_gvo",et=et||0,ep="m"===ep?6E4:864E5,vtc!==this.c_r(cn))){var e=new Date;e.setTime(e.getTime()+et*ep);this.c_w(cn,vtc,0===et?0:e);return vtc}return""};
    
  2. Cole-o na janela de código na extensão Analytics (se ainda não estiver aberta, abra-a novamente de acordo com a etapa anterior), exatamente abaixo da função doPlugins (não dentro dela).

    Adicionar código de plug-in

Agora você pode chamar este plug-in de dentro do doPlugins.

Como chamar plug-ins de dentro do doPlugins

Agora que o código foi preparado e pode ser referenciado, é possível fazer as chamadas para plug-ins dentro da função doPlugins.

Primeiro, chame um plug-in que foi incorporado à biblioteca do AppMeasurement; por isso ele é conhecido como "utilitário". É chamado de s.Util.getQueryParam por ser parte do objeto s, é um utilitário incorporado e capturará valores com base em um parâmetro da cadeia de caracteres de consulta no URL.

  1. Copie o código a seguir:

    s.campaign = s.Util.getQueryParam("cid");
    
  2. Cole-o na função doPlugins. Isso buscará um parâmetro chamado cid no URL da página atual e o colocará na variável s.campaign.

  3. Agora, chame a função getValOnce copiando o código a seguir e colando logo abaixo da chamada com getQueryParam:

    s.campaign=s.getValOnce(s.campaign,'s_cmp',30);
    

    Esse código garantirá que o mesmo valor não seja enviado mais de uma vez consecutiva por 30 dias (consulte a documentação para saber como personalizar esse código de acordo com suas necessidades).

    Plug-ins de chamada em doPlugins

  4. Salve a janela do código

  5. Clique em Salvar na biblioteca e Criar

    Plug-ins de chamada em doPlugins

Validar os plug-ins

Agora você pode verificar se os plug-ins estão funcionando.

Para validar os plug-ins

  1. Abra o site de demonstração do Luma no navegador Chrome

  2. Clique no ícone do Debugger Abrir o Experience Cloud Debugger para abrir o Adobe Experience Cloud Debugger

  3. Clique na guia Analytics

  4. Expanda o conjunto de relatórios

  5. Observe que a ocorrência do Analytics não tem uma variável do Campaign

  6. Deixando o Debugger aberto, volte para o site Luma e adicione ?cid=1234 ao URL e, em seguida, pressione Enter para atualizar a página com a cadeia de caracteres de consulta incluída

    Adicionar uma cadeia de consulta

  7. Verifique o Debugger e confirme se há uma segunda solicitação do Analytics com uma variável do Campaign definida como 1234

    getQueryParam etapa 1

  8. Retorne e atualize a página Luma novamente com a cadeia de caracteres de consulta ainda no URL

  9. Verifique a próxima ocorrência no Debugger, e a variável Campaign não deve estar presente, pois o plug-in getValOnce garantiu que ela não seja duplicada e pareça que outra pessoa veio do código de rastreamento da campanha.

    getQueryParam etapa 1

  10. BÔNUS: você pode testar isso repetidamente alterando o valor do parâmetro cid na cadeia de caracteres de consulta. A variável Campaign só deve estar lá se for a primeira vez que você estiver executando a página com o valor. Se você não estiver vendo o valor do Campaign no depurador, basta alterar o valor de cid na cadeia de caracteres de consulta do URL e pressionar Enter para vê-lo novamente no depurador.

    OBSERVAÇÃO

    Na verdade, há algumas maneiras diferentes de buscar um parâmetro de fora da cadeia de caracteres de consulta do URL, incluindo na configuração da extensão Analytics. No entanto, nessas outras opções que não envolvem plug-ins, não é dada a capacidade de interromper duplicações desnecessárias, como você fez aqui com o plug-in getValOnce. Este é o método do autor, mas você deve determinar qual método funciona melhor para você e suas necessidades.

Bom trabalho! Você concluiu a lição do Analytics. É claro que há muitas outras coisas que você pode fazer para aprimorar nossa implementação do Analytics, mas espero que isso tenha lhe dado algumas das principais habilidades para atender o resto de suas necessidades.

Próximo: "Adicionar o Adobe Audience Manager" >

Nesta página