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 estão configurando a coleta de dados fornecidos pelo usuário e querem identificar essas informações na opção "Especificar seletores de CSS ou variáveis JavaScript" na página "Permitir recursos de dados fornecidos pelo usuário".
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:
- a coleta de dados fornecidos pelo usuário esteja ativada e que os recursos desses dados tenham sido permitidos
- o papel de administrador seja da propriedade do Google Analytics
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.