Conversiones de Google Ads

Tag Manager del servidor te permite mover tus etiquetas del seguimiento de conversiones de Google Ads de la página web al servidor. Mover estas etiquetas al servidor reduce la cantidad de código que tienes que ejecutar en la página y ayuda a mejorar la velocidad de carga de la página. En este artículo, se describe cómo configurar tu contenedor web y de servidor de Tag Manager para usar el seguimiento de conversiones de Google Ads.

Antes de comenzar

En este artículo, se supone que tienes lo siguiente:

Paso 1: Configura la etiqueta del vinculador 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 Vinculador de conversiones, sigue estos pasos:

  1. Desde el lugar de trabajo del contenedor de 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 del 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 (Save). Detalle de la etiqueta del vinculador de conversiones

Paso 2: Configura un evento de conversión

Para configurar un evento de conversión, debes seguir dos pasos:

  • Configurar Google Analytics para que reconozca un evento como una acción de conversión
  • Configura una etiqueta del evento de Google Analytics: GA4 en el contenedor web de Tag Manager para enviar eventos de conversión.

Si ya configuraste los eventos de conversión y solo necesitas implementar la etiqueta del servidor, avanza al paso 3.

Configurar Google Analytics para que reconozca eventos de conversión personalizados

Para definir un evento de conversión nuevo en Google Analytics, sigue estos pasos:

  1. Abrir Google Analytics 4
  2. Abre el menú Administrador en la parte inferior izquierda.
  3. En la lista de configuración de la propiedad, selecciona Conversiones.
  4. Haz clic en el botón Nuevo evento de conversión y agrega el nombre del evento de conversión. Puede ser un nombre de evento recomendado o un evento personalizado. IU de Google Analytics: página de conversiones
  5. Guarda el nombre del evento.

Cómo configurar un evento de conversión en Google Tag Manager

Si tu conversión se activa en un evento de Vista de página, continúa con el paso 3.

Para configurar un evento de conversión, sigue estos pasos:

  1. Abrir Google Tag Manager

  2. En el lugar de trabajo de tu contenedor web, agrega una etiqueta Google Analytics: GA4 Event.

  3. En Etiqueta de configuración, selecciona la etiqueta de Google para tu sitio web.

  4. Ingresa el nombre del evento que corresponde al evento de conversión. Detalles de la etiqueta del evento de GA4

Paso 3: Configura la etiqueta del seguimiento de conversiones de Google Ads en el contenedor de servidor

Para configurar la etiqueta del seguimiento de conversiones de Google Ads, sigue estos pasos:

  1. En el lugar de trabajo del contenedor de 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 Seguimiento de conversiones de Google Ads.

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

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

    Para activar la etiqueta en un evento personalizado, haz lo siguiente:

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

    Si deseas activar la función solo en URLs específicas, haz lo siguiente:

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

  6. Asígnale un nombre a la etiqueta y haz clic en Guardar.

Opcional: Establecer un valor de conversión

Puedes especificar un valor de conversión distinto del parámetro predeterminado value, por ejemplo, si almacenas datos de precios en una base de datos diferente. Si deseas especificar otra base para calcular el valor de conversión, debes configurar una variable para extraer datos de tu base de datos y asignarlos a tu etiqueta del seguimiento de conversiones de Google Ads.

Para crear una nueva variable, sigue estos pasos:

  1. En el contenedor de servidor, abre el menú Variables.
  2. Crea una nueva variable definida por el usuario para la entrada de datos. Por ejemplo, si deseas usar un valor de una base de datos de Firestore, crea una variable “Firestore Lookup}”.
  3. Especifica las fuentes de datos de la variable.
  4. Asigna un nombre a la variable, por ejemplo, "Búsqueda de ganancias" y guárdala.

Configura valores de conversión personalizados en la etiqueta del seguimiento de conversiones de Google Ads:

  1. En tu contenedor de servidor, abre el menú Etiquetas.
  2. Edite una etiqueta existente del seguimiento de conversiones de Google Ads o cree una nueva.

  3. Para configurar un valor de conversión personalizado, especifica estos dos campos:

    • Valor de conversión (Conversion Value): Ingresa un importe fijo o especifica la variable que creaste antes.
    • Código de moneda Seguimiento de conversiones de Google Ads con valor de conversión

  4. Guarda la etiqueta.

Paso 4: Conversiones avanzadas

Si no utilizas las conversiones avanzadas, continúa con el artículo Cómo validar tu configuración.

Para configurar las conversiones avanzadas, sigue los pasos que se indican a continuación.

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 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 de código.		 Especifica determinadas propiedades de CSS o variables de JavaScript para recopilar datos proporcionados por el usuario.

Si necesitas controlar el formato de los datos y la codificación hash, habilita la configuración de código.		 Agrega a tu sitio web un fragmento de código que envíe datos del cliente con hash para la segmentación.
Este método es la mejor opción para maximizar la precisión de las conversiones avanzadas, ya que te permite enviar datos con formato coherente cada vez que se activa tu etiqueta de conversión.
Complejidad Simple Medio Compleja
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. Configura el Tipo como 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. Agrega una variable nueva o existente en el campo de datos relevantes del usuario que deseas proporcionar a través de las conversiones avanzadas.

  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. Sugerencia: 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 guárdala. La pantalla regresará a la configuración de Datos proporcionados por el usuario.

  9. Asigna el nombre Datos proporcionados por el usuario (User-Provided Data), 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, a los que Google aplicará la codificación hash antes de que lleguen a los servidores, o datos que ya tengan codificación hash. Si decides enviar datos con codificación hash previamente, codifica los datos con SHA256 con codificación hexadecimal. En cualquier caso, proporciona al menos uno de los siguientes campos: email o phone_ number.
Para enviar datos sin 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 mediante 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 con codificación 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 de 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 mediante dataLayer.push(). En el siguiente ejemplo, se muestra la implementación de una capa de datos en la que se supone que tú mismo escribiste una función de hash, que se ejecuta de forma 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. Configura el Tipo como Código.
  4. En el campo de datos relevantes del usuario que deseas proporcionar, haz clic en el menú desplegable y selecciona Nueva variable.
  5. En Choose Variable Type, selecciona Data Layer Variable.
  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 guárdala. La pantalla regresará a la configuración de Datos proporcionados por el usuario.
  8. Asigna el nombre Datos proporcionados por el usuario (User-Provided Data), por ejemplo, My user-defined data.
  9. Haz clic en Guardar.

Asignar la variable a la etiqueta de Google

  1. En el 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 parámetro de configuración nuevo llamado user_data. Configura el Valor como la variable Datos proporcionados por el usuario, por ejemplo, {{My user-provided data}}.

  4. Guarda los cambios. La etiqueta debería verse de la siguiente manera:

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

Configura la etiqueta del seguimiento de conversiones de anuncios del servidor

Para habilitar las conversiones avanzadas en tu contenedor de servidor, sigue estos pasos:

  1. En tu lugar de trabajo del servidor, abre el menú Etiquetas.
  2. Edita la etiqueta del seguimiento de conversiones de Google Ads.
  3. Marca la casilla de verificación Include user-provided data. Casilla de verificación Incluir datos proporcionados por el usuario
  4. Presiona Guardar para guardar los cambios.

Paso 5: Valida tu configuración

Cuando comiences a enviar datos con el contenedor de servidor, puedes verificar si funciona correctamente mediante los siguientes pasos:

  1. Abre tu sitio web.
  2. En el contenedor de servidor de Google Tag Manager, selecciona Vista previa. Tag Assistant iniciará y 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. Comprueba si hay errores y corrígelos.

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

Próximos pasos

Una vez que la etiqueta del seguimiento de conversiones de Google Ads funcione según lo previsto, puedes quitar las etiquetas equivalentes del seguimiento de conversiones de Google Ads de un contenedor web para evitar la duplicación de datos.

Si también utilizas campañas de remarketing de Google Ads y deseas medirlas a través del etiquetado del servidor, configura el remarketing de Google Ads.