(Substituído) Usando o Universal Analytics com o Google Tag Manager

:warning: Este tópico é apenas para fins históricos, como referência para quem ainda usa o Universal Analytics com o Google Tag Manager. Ele será excluído em algum momento após o Google parar de enviar dados do UA para o GTM, em julho de 2023.
:information_source: A documentação para a configuração atual pode ser encontrada em Configurar o Google Tag Manager para Analytics

Este tópico mostrará como usar o Google Universal Analytics através do Google Tag Manager. Após terminar, a API do Google Tag Manager estará em execução em seu site Discourse, então, em teoria, você poderá enviar eventos arbitrários para qualquer serviço que se integre ao Tag Manager. Analytics é apenas o começo.

:warning: Por motivos de segurança, todas as instalações atualizadas do Discourse possuem uma Política de Segurança de Conteúdo que bloqueia todos os scripts que não são do Discourse. Isso significa que, se você adicionar scripts externos à sua integração do GTM, poderá ter que adicionar seus domínios à lista de permissões para que os scripts possam ser executados.

Por exemplo, se você habilitou os recursos de Publicidade ou a integração com o AdWords, você precisaria adicionar

  • https://stats.g.doubleclick.net
  • https://www.google.com

à configuração do site content security policy script src.

Se você tiver seus próprios scripts personalizados em tags HTML personalizadas, poderá seguir este guia para permitir que eles sejam executados no Discourse.


Universal Analytics

A primeira coisa que você precisará é criar uma conta Analytics. Se você estiver conectado com uma conta Google, basta visitar https://analytics.google.com para ser guiado na criação de uma conta.

Depois de ter uma nova conta, crie uma propriedade.

Escolha “Website” como o tipo de aplicativo e preencha o restante dos campos para o seu site Discourse. No final, você obterá um ID de rastreamento, que se parece com UA-12345678-1. Mantenha-o à mão, pois você precisará fornecê-lo ao Tag Manager.

:warning: Se você não vir um ID de rastreamento, você tem uma propriedade do Google Analytics 4. (As propriedades do Google Analytics 4 não têm um ID de rastreamento.) Você precisará criar uma propriedade do Universal Analytics em vez disso. Siga estas instruções cuidadosamente, pois a opção de propriedade do Universal Analytics está oculta em Mostrar opções avançadas. Depois de criar uma propriedade do Universal Analytics, você pode seguir as instruções acima para encontrar seu ID de rastreamento “UA-”.

Tag Manager

Visite https://tagmanager.google.com e deixe o Google configurá-lo para você. Assim que entrar, você será solicitado a criar sua primeira “Conta” e “Container”. Quando perguntado onde o container será usado, escolha “Web”.

Depois que seu container for criado, precisamos conectar alguns eventos da API do gerenciador de tags ao Google Analytics.

Variáveis

Vá para a aba Variáveis à esquerda. Clique no botão “Novo” na seção Variáveis definidas pelo usuário na parte inferior. Criaremos duas variáveis.

Título: DL - page title
Tipo: Data Layer Variable
Nome da Variável da Camada de Dados: page.title
Versão da Camada de Dados: 2

Título: DL - page url
Tipo: Data Layer Variable
Nome da Variável da Camada de Dados: page.url
Versão da Camada de Dados: 2

Aqui está um exemplo:

Gatilhos

Agora vamos criar um gatilho que faz algo quando essas variáveis chegam da API. Clique na aba Gatilhos à esquerda e clique em Novo. Escolha “Page View” como o tipo, clique em salvar e nomeie o gatilho virtualPageView.

Seu gatilho deve ficar assim depois de salvo.

Tags

Finalmente, estamos prontos para adicionar o Analytics. Clique na aba Tags à esquerda e crie uma nova tag.

  • Tipo de Tag: escolha Google Analytics: Universal Analytics
  • Configurar Tag:
    • Tipo de Rastreamento: escolha Page View
    • Configurações do Google Analytics: escolha Nova Variável…
    • Configuração da Variável:
      • ID de Rastreamento: insira seu ID de rastreamento do Universal Analytics (UA-xxxxxxxx-x)
      • Domínio do Cookie: Adicione estes três campos exatamente como mostrado:
        • nome: cookieDomain, valor: auto
        • nome: title, valor: {{DL - page title}} (pode ser escolhido em um menu suspenso)
        • nome: page, valor: {{DL - page url}}
    • Acionamento:
      • Escolha virtualPageView
  • Salvar e Nomear Tag

Sua Tag deve ficar semelhante a esta quando terminar:

Publicar

Nenhum deste trabalho estará ativo até que você clique no botão Publicar no canto superior direito da página. Ele estará vermelho se houver alterações que não foram publicadas.

:warning: Se o seu site Discourse estiver relatando erros 404 do googletagmanager.com, provavelmente é porque você não publicou suas alterações.

Discourse

O GTM está aguardando dados, então vamos adicioná-lo ao nosso site Discourse. Vá para a aba Configurações do administrador e procure por gtm container id e insira seu ID do gerenciador de tags. Ele deve ser sempre exibido na barra de navegação superior da interface do gerenciador de tags.

:warning: Certifique-se de remover seu código de rastreamento do Analytics das configurações ga universal tracking code e ga tracking code.

Recarregue a página e os dados devem estar fluindo através do GTM para o Analytics. Observe a visualização de conteúdo em tempo real para ver o tráfego e os URLs dos visitantes do seu site.

Mais?

Agora que você tem dados de visualização de página indo para o gerenciador de tags, você pode adicionar mais Tags que recebem os eventos. Google DFP, AdWords, LinkedIn e outros estão na lista.

Links Relacionados:


Última Revisão por @MarkDoerr em 2023-02-09T01:10:00Z

1 curtida

Obrigado, @MarkDoerr. Um link para a solução de discourse que devemos usar agora seria útil.

1 curtida

Para manter os links intactos e preservar qualquer bom engajamento que o link tenha acumulado ao longo dos anos, simplesmente atualizei o documento de configuração original com as novas informações para o GA4.

Mas você levanta um bom ponto, caso alguém chegue a isso primeiro. OP atualizado.

Obrigado!

1 curtida