Evento de datos proporcionados por el usuario de Google Ads

Tag Manager del servidor te permite trasladar tus etiquetas de eventos de datos proporcionados por el usuario de Google Ads de la página web al servidor. Mover estas etiquetas al servidor reduce la cantidad de código que debes ejecutar en la página y ayuda a mejorar la velocidad de carga de la página. En este documento, se describe cómo configurar tu contenedor web y tu contenedor de servidor de Tag Manager para usar la etiqueta del evento de datos proporcionados por el usuario de Google Ads.

Antes de comenzar

En este documento, se supone que ya tienes lo siguiente:

Paso 1: Configura la etiqueta de vinculación de conversiones

Para permitir que Google Ads envíe datos a Tag Manager, debes configurar la etiqueta del Vinculador de conversiones.

Si ya tienes una etiqueta del vinculador de conversiones configurada en tu contenedor de servidor, puedes omitir este paso.

Para configurar la etiqueta del vinculador de conversiones, sigue estos pasos:

  1. En el espacio de trabajo del contenedor del servidor, abre el menú Etiquetas en el lado izquierdo de la página.
  2. Haz clic en Nuevo para agregar una etiqueta nueva.
  3. Selecciona el tipo de etiqueta Vinculador de conversiones.
  4. Configura el activador que hará que se active la etiqueta del servidor Vinculador de conversiones.
    En la mayoría de los casos, el activador Todas las páginas es la mejor opción.
  5. Asigna un nombre a la etiqueta y haz clic en Guardar. Detalles de la etiqueta de vinculación de conversiones

Paso 2: Configura la etiqueta de evento de datos proporcionados por el usuario de Google Ads en el contenedor de servidor

Para configurar la etiqueta Evento de datos proporcionados por el usuario de Google Ads, sigue estos pasos:

  1. En el lugar de trabajo de tu contenedor del servidor, abre el menú Etiquetas en el lado izquierdo de la página.
  2. Haz clic en Nuevo para agregar una etiqueta nueva.
  3. Selecciona el tipo de etiqueta Evento de datos proporcionados por el usuario de Google Ads.

  4. Ingresa la información de conversión requerida (ID de conversión). Puedes encontrar estos valores en tu cuenta de Google Ads.

  5. En el menú Activación, selecciona un activador existente si se ajusta a tu caso de uso. Si ningún activador preexistente satisface tus necesidades, crea un activador personalizado nuevo El signo más azul.

    Para activar la etiqueta en un evento personalizado, sigue estos pasos:

    1. Elige el activador Evento personalizado.
    2. Ingresa el nombre del evento que coincida con el que se usa en la etiqueta Google Analytics: Evento de GA4. Detalles del activador de eventos personalizados

    Para activar solo en URLs específicas, haz lo siguiente:

    1. Selecciona la opción para activar el activador en Algunos eventos personalizados.
    2. Agrega la variable URL de la página para que sea igual a la URL en la que se debe activar la etiqueta.

  6. Asigna un nombre a la etiqueta y haz clic en Guardar.

Paso 3: Configura los datos del usuario

La etiqueta se basa en los datos del usuario disponibles en el evento, de manera similar a las conversiones avanzadas.

Configura una variable de datos proporcionados por el usuario

Existen 3 formas en las que puedes implementar las conversiones avanzadas en Tag Manager. Solo debes elegir una opción para recopilar los datos proporcionados por el usuario.

Recopilación automática Configuración manual Configuración del código
Método de recopilación Recopila automáticamente los datos proporcionados por el usuario en función del código de tu sitio web.

Si necesitas controlar dónde recopilar las entradas, opta por una configuración manual o con código.		 Especifica determinadas propiedades de CSS o variables de JavaScript para recopilar datos proporcionados por el usuario.

Si necesitas controlar el formato de datos y la codificación hash, habilita la configuración con código.		 Agrega a tu sitio web un fragmento de código que envíe datos del cliente con codificación hash para establecer coincidencias.
Este método es la mejor opción para maximizar la precisión de las conversiones avanzadas, ya que te permite enviar datos con un formato coherente cada vez que se activa tu etiqueta de conversión.
Complejidad Sencillo Media Complejo
Habilidades No se necesitan habilidades especiales HTML y CSS Desarrollo web

Recopilación automática

  1. En tu contenedor web, abre el menú Variables.
  2. Crea una nueva variable definida por el usuario del tipo Datos proporcionados por el usuario.
  3. Establece el Tipo en Recopilación automática.
  4. Asigna un nombre a la variable, por ejemplo, My user-defined data.
  5. Haz clic en Guardar.

Configuración manual

  1. En tu contenedor web, abre el menú Variables.
  2. Crea una nueva variable definida por el usuario del tipo Datos proporcionados por el usuario.
  3. Establece el Tipo en Configuración manual.

  4. En el campo de datos relevantes del usuario que deseas proporcionar a través de las conversiones avanzadas, agrega una variable nueva o existente.

  5. Para especificar un elemento DOM, crea una Nueva variable > Configuración de la variable > Elemento DOM.

  6. En Método de selección, puedes usar un selector CSS o un ID. Nota: Si tus variables de CSS cambian con frecuencia, agrega un ID de HTML a tu sitio y utiliza la variable de ID.

  7. Ingresa el selector CSS o el nombre de ID. Puedes dejar en blanco el campo Nombre del atributo.

  8. Asigna un nombre a la variable del elemento DOM y haz clic en Guardar. La pantalla regresará a la configuración de Datos proporcionados por el usuario.

  9. Asigna un nombre a la variable de datos proporcionados por el usuario, por ejemplo, My user-defined data.

  10. Haz clic en Guardar.

Configuración con código

Paso 1: Identifica y define tus variables de conversiones avanzadas

Puedes enviar datos sin codificación hash (en ese caso, Google les aplicará dicha codificación antes de que lleguen a los servidores) o datos con codificación hash previa. Si decides enviar datos con codificación hash previa, codifícalos con el formato SHA256 hexadecimal. En cualquier caso, proporciona al menos uno de los siguientes campos: email o phone_ number.
Para enviar datos sin codificación hash a la capa de datos, haz lo siguiente:

  1. En tu sitio web, almacena los datos proporcionados por el usuario como pares clave-valor en una variable de JavaScript. Por ejemplo:

    var leadsUserData = {
  'email': 'name@example.com',
  'phone_number': '+11234567890',
  'address': {
    first_name: 'John',
    last_name: 'Doe',
    street: '123 Lemon',
    city: 'Some city',
    region: 'CA',
    country: 'US',
    postal_code: '12345',
  },
};

  2. Envía los datos del usuario junto con un evento usando dataLayer.push(). Por ejemplo:

    <script>
  dataLayer.push({
    'event': 'formSubmitted',
    'leadsUserData': {
      'email': 'name@example.com',
      'phone_number': '+11234567890',
      'address': {
         first_name: 'John',
         last_name: 'Doe',
         street: '123 Lemon',
         city: 'Some city',
         region: 'CA',
         country: 'US',
        postal_code: '12345',
       },
     },
  });
<script>

La variable leadsUserData ahora está disponible en Google Tag Manager.

Para enviar datos codificados con hash previamente a la capa de datos, haz lo siguiente:

  1. En su sitio web, utilice la codificación hash en sus datos proporcionados por el usuario con codificación hexadecimal SHA256. La clave para los datos codificados debe comenzar con sha256_. Por ejemplo:

    {'sha256_email_address':await hashEmail(email.trim()),
}

  2. Envía los datos del usuario junto con un evento usando dataLayer.push(). En el siguiente ejemplo, se muestra una implementación de capas de datos que supone que usted mismo escribió una función hash, que se ejecuta de manera asíncrona.

    <script>
  dataLayer.push({
    'event': 'formSubmitted',
    'leadsUserData': {
      'sha256_email_address': await hashEmail(email.trim()),
      'sha256_phone_number': await hashPhoneNumber(phoneNumber),
      'address': {
        sha265_first_name: await hashString(firstname),
        sha256_last_name: await hashString(lastname),
        sha256_street: await hashString(streetAddress),
        postal_code: '12345',
       },
     },
  });
<script>

La variable leadsUserData ahora está disponible en Google Tag Manager.

Paso 2: Crea la variable de datos proporcionados por el usuario

  1. En tu contenedor web, abre el menú Variables.
  2. Crea una nueva variable definida por el usuario del tipo Datos proporcionados por el usuario.
  3. Establece el Tipo como Código.
  4. En el campo pertinente de datos del usuario que deseas proporcionar, haz clic en el menú desplegable y selecciona Nueva variable.
  5. En Elegir un tipo de variable, selecciona Variable de capa de datos.
  6. En la Variable de capa de datos, haz referencia a tus datos de usuario almacenados. Por ejemplo, leadsUserData
  7. Asigna un nombre a la variable de capa de datos y haz clic en Guardar. La pantalla regresará a la configuración de Datos proporcionados por el usuario.
  8. Asigna un nombre a la variable de datos proporcionados por el usuario, por ejemplo, My user-defined data.
  9. Haz clic en Guardar.

Asigna la variable a la etiqueta de Google

  1. En tu contenedor web, abre el menú Etiquetas.
  2. Edita la etiqueta de Google que utilizas para enviar datos al servidor de etiquetado.
  3. En Parámetros de configuración, agrega un nuevo Parámetro de configuración llamado user_data. Establece el Valor en la variable Datos proporcionados por el usuario, por ejemplo, {{My user-provided data}}.

  4. Guarde sus cambios. Tu etiqueta debería verse de la siguiente manera:

    Captura de pantalla de la configuración final de la etiqueta de Google que hace referencia a la variable de datos proporcionados por el usuario.

Paso 4: Valida tu configuración

Una vez que comiences a enviar datos con el contenedor de servidor, puedes verificar si funciona correctamente siguiendo estos pasos:

  1. Abre tu sitio web.
  2. En tu contenedor de servidor de Google Tag Manager, selecciona Vista previa. Se iniciará Tag Assistant y se cargará tu contenedor de servidor.
  3. En la pestaña Etiquetas, se muestran todas las etiquetas que se activaron. Asegúrate de verificar si se activó la etiqueta que configuraste.
  4. En la pestaña Consola, se muestran los errores que se produjeron durante la transmisión de datos al contenedor del servidor. Verifica si hay errores y resuélvelos.

Para obtener más ayuda con la depuración de contenedores de Tag Manager, consulta la ayuda para la vista previa y la depuración.

Próximos pasos

Una vez que tu etiqueta del evento de datos proporcionados por el usuario de Google Ads funcione según lo previsto, puedes quitar cualquier etiqueta equivalente del evento de datos proporcionados por el usuario de Google Ads en un contenedor web para evitar la duplicación de datos.