Especificar los selectores de CSS o las variables de JavaScript (gtag.js)

Esta función forma parte de una beta abierta y está sujeta a cambios.

Estas instrucciones están dirigidas a los administradores y editores que quieren configurar la recogida de datos proporcionados por los usuarios y necesitan saber cómo identificarlos mediante la opción "Especifica los selectores de CSS o las variables de JavaScript" de la página "Permitir funciones de datos proporcionados por los usuarios".

Descargar la guía de implementación de datos proporcionados por los usuarios para obtener más información sobre los datos proporcionados por los usuarios en Google Analytics.

Información general

Debe actualizar el código en todas las páginas en las que recoja datos proporcionados por los usuarios; por ejemplo, una página de registro, de generación de oportunidades de venta, de tramitación de la compra u otra similar. Puede enviar los datos más de una vez en una sesión para asegurarse de que se mandan a Analytics.

Antes de empezar

En estas instrucciones se presupone lo siguiente:

• Has activado la recogida de datos proporcionados por los usuarios y has permitido las funciones de datos proporcionados por los usuarios
• Tienes el rol Administrador en la propiedad de Google Analytics

Identificar los selectores de CSS de los campos de datos proporcionados por los usuarios

Para identificar los selectores de CSS que debes introducir en los campos, sigue estos pasos en cada campo. Si ya tiene variables que no estén cifradas con hash en el código, puede seleccionarlas en lugar de crear variables CSS. Más información sobre Configurar campos

Nota: Si va a usar variables de JavaScript, lo más fácil será probablemente que pregunte al desarrollador qué variables debe introducir en estos campos. Si va a usar selectores de CSS, puede seguir los pasos que se indican a continuación.

1. Abre una ventana del navegador Google Chrome.
2. Accede a tu sitio web sin cerrar Google Tag Manager.
3. Identifica los datos de clientes que quieres enviar a Google Analytics. Por ejemplo, si quieres enviar una dirección de correo electrónico, identifícala en la página.
4. Haz clic con el botón derecho en el campo y selecciona Inspeccionar. Por ejemplo, si quieres recoger una dirección de correo, haz clic con el botón derecho en ella.
5. En la página de herramientas para desarrolladores de Chrome, verás una parte del código destacada. Este código es el elemento de página del que debe extraer los selectores de CSS referentes a los datos de clientes.
6. Coloca el cursor sobre el código destacado y haz clic con el botón derecho.
7. Desplázate hacia abajo hasta "Copiar" y, a continuación, selecciona Copiar selector.
8. Pega el texto copiado en los campos "Especifica los selectores de CSS o las variables de JavaScript" en Google Analytics o en el campo "Selector de elementos" de la variable del elemento DOM en Google Tag Manager.
   • El texto copiado debe tener un aspecto similar a este:
     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.