Esse recurso faz parte de uma versão Beta aberta e está sujeito a mudanças.
Estas instruções são destinadas a administradores e editores que querem identificar essas informações no próprio site e inserir os dados fornecidos pelo usuário no Gerenciador de tags do Google.
Visão geral
Atualize o código em todas as páginas onde você coleta dados fornecidos pelo usuário, como de inscrição, geração de leads, finalização da compra ou algo semelhante. Você pode enviar os dados mais de uma vez em uma sessão para garantir que sejam transmitidos ao Google Analytics.
Antes de começar
Estas instruções consideram que:
- você tenha acesso ao contêiner do Gerenciador de tags do seu site
- a coleta de dados fornecidos pelo usuário esteja ativada e que os recursos desses dados tenham sido permitidos
- haja uma tag de evento do Google Analytics: GA4 configurada no seu contêiner do Gerenciador de tags
Instruções
- Faça login no Gerenciador de tags do Google.
- Na guia Espaço de trabalho, clique em Tags à esquerda.
- Abra a tag Google Analytics: evento do GA4 em que você coleta dados do cliente.
- Selecione Incluir dados do seu site fornecidos pelo usuário.
- No menu suspenso Dados do usuário, selecione ou crie uma variável de dados fornecidos pelo usuário.
- Na variável de dados fornecidos pelo usuário, selecione Configuração manual.
- Abra o menu suspenso e selecione uma variável.
- Se você criar uma variável para um campo de dados, siga estas etapas:
- Clique em Configuração da variável > Elemento DOM.
- Insira um nome para a variável na parte de cima.
- No campo Método de seleção, escolha Seletor de CSS.
- No campo Seletor de elementos, insira o seletor de CSS que faz referência aos dados do cliente. Saiba como identificar seletores de CSS para campos de dados fornecidos pelo usuário.
- Deixe o campo Nome do atributo em branco.
- Pule o campo Formatar valores para evitar possíveis problemas de configuração.
- Salve a variável "Elemento DOM".
- Repita essas etapas para cada campo que você quer coletar.
- Na variável "Dados fornecidos pelo usuário", pule o campo Formatar valores.
- Salve a tag do evento.
- No canto superior direito, clique em Enviar para publicar as mudanças.
Identificar seletores de CSS para campos de dados fornecidos pelo usuário
Para identificar os seletores de CSS que são inseridos nos campos, siga estas etapas para cada campo. Se você já tiver variáveis sem hash no código, é possível escolher entre elas em vez de criar outras variáveis CSS. Saiba mais sobre os campos a serem definidos.
Observação: se você estiver usando variáveis JavaScript, provavelmente será mais fácil perguntar ao desenvolvedor quais devem ser adicionadas a esses campos. Caso esteja usando seletores de CSS, siga as etapas abaixo.
- Abra uma janela do navegador Chrome.
- Acesse seu site, mas deixe o Gerenciador de tags do Google aberto.
- Identifique os dados do cliente que você quer enviar ao Google Analytics. Por exemplo, se quiser enviar um endereço de e-mail, identifique onde ele está na página.
- Clique com o botão direito do mouse no campo e selecione Inspecionar. Por exemplo, se você estiver tentando capturar um endereço de e-mail, clique com o botão direito do mouse nele.
- Na página Ferramentas para desenvolvedores do Chrome, uma parte do código vai estar destacada. Esse código é o elemento de página de onde você precisa extrair os seletores de CSS para os dados do cliente.
- Passe o cursor sobre o código destacado e clique nele com o botão direito do mouse.
- Role a tela para baixo até a opção "Copiar" e selecione Copiar seletor.
- Cole o texto copiado no campo correspondente no Google Analytics ou no Gerenciador de tags.
- O texto copiado vai ficar assim:
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
- O texto copiado vai ficar assim:
Next steps
Validate that user-provided data collection is set up correctly. Show me how.