[GA4] Faça a configuração manual (Gestor de Etiquetas)

Esta funcionalidade faz parte de uma versão beta aberta e está sujeita a alterações.

Estas instruções destinam-se a administradores e editores que querem identificar dados fornecidos pelos utilizadores no respetivo Website e introduzir os dados no Gestor de Etiquetas da Google.

Vista geral

Deve atualizar o código em todas as páginas onde recolhe dados fornecidos pelos utilizadores, como uma página de inscrição, uma página de geração de leads, uma página de pagamento ou algo semelhante. Pode enviar os dados mais do que uma vez numa sessão para garantir que são enviados para o Analytics.

Antes de começar

Estas instruções pressupõem que:

• Tem acesso ao contentor do Gestor de Etiquetas para o seu Website
• Ativou a recolha de dados fornecidos pelos utilizadores e permitiu as capacidades de dados fornecidos pelos utilizadores
• Configurou uma etiqueta Google Analytics: evento do GA4 no contentor do Gestor de Etiquetas

 Instruções

1. Inicie sessão no Gestor de Etiquetas da Google.
2. No separador Espaço de trabalho, clique em Etiquetas à esquerda.
3. Abra a etiqueta Google Analytics: evento do GA4 onde recolhe dados de clientes.
4. Expanda a secção Parâmetros de eventos e clique em Adicionar parâmetro.
5. Introduza user_data no campo "Parâmetro de evento".
6. No campo "Valor", selecione ou crie uma variável de dados fornecidos pelos utilizadores.
7. Na variável de dados fornecidos pelos utilizadores, selecione Configuração manual.
   
8. Para cada campo, expanda o menu pendente e selecione uma variável.
9. Se criar uma variável para um campo de dados, conclua estes passos:
   1. Clique em Configuração da variável > Elemento DOM.
   2. Introduza um nome para a variável na parte superior.
   3. No campo Método de seleção, selecione Seletor CSS.
   4. No campo Seletor do elemento, introduza o seletor CSS que referencia os dados de clientes. Saiba como identificar seletores CSS para campos de dados fornecidos pelos utilizadores.
   5. Deixe o campo Nome do atributo em branco.
   6. Ignore o campo Valores dos formatos para evitar potenciais problemas de configuração.
   7. Guarde a variável Elemento DOM.
   8. Repita estes passos para cada campo que quer recolher.
10. Na variável de dados fornecidos pelos utilizadores, ignore o campo Valores dos formatos.
11. Guarde a etiqueta de eventos.
12. Na parte superior direita, clique em Enviar para publicar as alterações.

Identifique seletores CSS para campos de dados fornecidos pelos utilizadores

Para identificar os seletores CSS que deve introduzir nos campos, conclua estes passos para cada campo. Se já tiver variáveis sem hash no seu código, pode selecioná-las em vez de criar novas variáveis CSS. Saiba mais acerca dos campos a definir.

Nota: se estiver a usar variáveis JavaScript, provavelmente é mais fácil perguntar ao programador que variáveis devem ser adicionadas a estes campos. Se estiver a usar seletores CSS, pode seguir os passos abaixo.

1. Abra uma janela do navegador Google Chrome.
2. Aceda ao seu Website, mas mantenha o Gestor de Etiquetas da Google aberto.
3. Identifique os dados de clientes que quer enviar para o Google Analytics. Por exemplo, se quiser enviar um endereço de email, identifique onde o endereço de email está presente na página.
4. Clique com o botão direito do rato no campo e selecione Inspecionar. Por exemplo, se estiver a tentar captar um endereço de email, certifique-se de que está a clicar com o botão direito do rato no endereço de email.
5. Na página Ferramentas para programadores do Chrome, vai ver uma parte do código realçada. Este código é o elemento de página onde tem de extrair os seletores CSS para os dados de clientes.
6. Passe o cursor do rato sobre o código realçado e clique nele com o botão direito do rato.
7. Desloque a página para baixo até "Copiar" e, de seguida, selecione Copiar seletor.
8. Cole o texto copiado no campo correspondente no Google Analytics ou no Gestor de Etiquetas.
   • O texto copiado deve ter um aspeto semelhante ao seguinte:

     tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail

Next steps

Validate that user-provided data collection is set up correctly. Show me how.