Importar configuração ao GA4 – Google Analytics e o Google Tag Manager

Postado .

Configurando o Google Analytics e o Google Tag Manager para GA4 para o Magento

Este guia ajuda você a configurar o Google Analytics e o Gerenciador de tags do Google. Observe que este guia foi escrito sem ser um especialista do Google e apenas para fazer a extensão Magento funcionar o mais rápido possível. Se você ficar preso ao ler este tutorial, pode ser que o texto deste tutorial possa ser melhorado: Sinta-se à vontade para fazer uma solicitação pull. Também pode ser que você não tenha conhecimento para usar os consoles do Google. Infelizmente, não oferecemos suporte para Google Tag Manager e Google Analytics, apenas fornecemos suporte técnico para esta extensão Magento.

Em primeiro lugar, certifique-se de ter contas existentes no Google Analytics e no Google Tag Manager . A ideia é garantir que esta extensão Magento envie dados para o Google Tag Manager, que então encaminha esse tráfego para o Google Analytics. O melhor é começar configurando o Google Analytics.

Google Analytics

Faça login no Google Analytics. Crie um novo aplicativo para o seu site. Dentro desse aplicativo , em Admin , navegue até Data Streams . Crie um novo fluxo da Web . Nos detalhes do fluxo da Web , anote o ID de medição (começando com G-) para uso posterior.

Gerenciador de tags do Google

Faça login no Gerenciador de tags do Google.

Crie um novo contêiner para o seu site. Anote o Container ID (começando com GTM-) para configurar posteriormente na extensão Magento.

No Container Workspace , em Tags , crie uma nova Tag . Como tipo de configuração de tag , escolha Google Analytics > Configuração GA4 . Preencha o ID de medição do Google Analytics (começando com G-). Mantenha a opção Enviar um evento de visualização de página quando esta configuração for carregada marcada. Certifique-se de acionar esta tag em todas as páginas com o gatilho Todas as páginas .

No Container Workspace , em Variables e, em seguida, Built-In Variables , certifique-se de que as seguintes variáveis ​​estejam habilitadas:

  • URL da página
  • Nome do host da página
  • Caminho da página
  • Referenciador
  • Evento
  • E possivelmente outros

No Container Workspace , em Variables e depois em User-Defined Variables , crie as seguintes variáveis ​​do tipo Data Layer Variable e Data Layer Version 2:

  • Variável com rótulo Ecommercee nomeecommerce
  • Variável com rótulo Ecommerce Affiliatione nomeecommerce.affiliation
  • Variável com rótulo Ecommerce Coupone nomeecommerce.coupon
  • Variável com rótulo Ecommerce Currencye nomeecommerce.currency
  • Variável com rótulo Ecommerce Shippinge nomeecommerce.shipping
  • Variável com rótulo Ecommerce Valuee nomeecommerce.value
  • Variável com rótulo Ecommerce Taxe nomeecommerce.tax
  • Variável com rótulo Ecommerce Transaction IDe nomeecommerce.transaction_id

Crie também uma variável do tipo JavaScript personalizado com rótulo Ecommerce Itemse o seguinte JavaScript personalizado:

function() {
  var ecom = {{Ecommerce}};
  if ( ecom && ecom.items ) {
    return ecom.items;
  } else {
    return undefined;
  }
}

No Container Workspace , em Triggers , crie um gatilho “Ecommerce Custom Event”, que é acionado em All Custom Events . Marque a caixa de seleção “Usar correspondência de regex” e insira
view_item|view_item_list|select_item|add_to_cart|remove_from_cart|

view_cart|begin_checkout|add_payment_info|add_shipping_info|purchase
o nome do evento .

No Container Workspace , em Tags , crie uma segunda Tag , desta vez do tipo Google Analytics > GA4 Events . Defina o nome do evento como {{Event}}. Em seguida, insira os seguintes parâmetros de evento :

  • Nome do parâmetro itemscom valor{{Ecommerce Items}}
  • Nome do parâmetro transaction_idcom valor{{Ecommerce Transaction ID}}
  • Nome do parâmetro affiliationcom valor{{Ecommerce Affiliation}}
  • Nome do parâmetro valuecom valor{{Ecommerce Value}}
  • Nome do parâmetro taxcom valor{{Ecommerce Tax}}
  • Nome do parâmetro shippingcom valor{{Ecommerce Shipping}}
  • Nome do parâmetro currencycom valor{{Ecommerce Currency}}
  • Nome do parâmetro couponcom valor{{Ecommerce Coupon}}

Em Mais configurações , ative a sinalização Enviar dados de comércio eletrônico e use como fonte de dados a opção Camada de dados . Certifique-se de acionar esta segunda tag com o gatilho personalizado Ecommerce Custom Event .

Depois que as duas tags estiverem configuradas no Gerenciador de tags do Google, use Publicar para publicar sua nova configuração como uma nova versão.

Alternativamente:

Crie a tag de configuração do GA4 manualmente conforme descrito acima. Em seguida, em vez de criar manualmente as variáveis , o gatilho do evento personalizado de comércio eletrônico e a tag de eventos do GA4 , baixe este arquivo JSON . Edite-o manualmente e substitua as seguintes strings pelas suas:

  • ACCOUNT_IDdeve ser substituído pelo seu próprio ID numérico da conta (visível no URL do GTM)
  • CONTAINER_IDdeve ser substituído pelo seu próprio ID numérico do contêiner (visível no URL do GTM)
  • CONTAINER_NAMEdeve ser substituído pelo seu próprio nome de contêiner
  • GTM_PUBLIC_IDdeve ser substituído pelo seu próprio ID público do contêiner (começando com GTM-)

Após importar o arquivo JSON ajustado, certifique-se de alterar o ID de medição da segunda tag para o seu. Publique a nova configuração.

0