Conversiones de Google Ads

Con Tag Manager del lado del servidor, puedes mover las etiquetas de seguimiento de conversiones de Google Ads de las páginas web al servidor. Si lo haces, se reducirá la cantidad de código que se tiene que ejecutar en las páginas y estas se cargarán más rápido. En este artículo se explica cómo puedes configurar tu contenedor web y contenedor de servidor de Tag Manager para usar el seguimiento de conversiones de Google Ads.

Antes de empezar

En este artículo se presupone que:

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

Para permitir que Google Ads envíe datos a Tag Manager, tienes que configurar la etiqueta de vinculación de conversiones.

Si ya tienes una etiqueta de vinculación de conversiones configurada en tu contenedor de servidor, puedes saltarte este paso.

Para configurar la etiqueta Vinculación de conversiones, sigue estos pasos:

  1. En el espacio de trabajo de tu contenedor de servidor, abre el menú Etiquetas de la parte izquierda de la página.
  2. Haz clic en Nueva para añadir una nueva etiqueta.
  3. Selecciona el tipo de etiqueta Vinculación de conversiones.
  4. Configura el activador que hará que se accione la etiqueta Vinculación de conversiones del lado del servidor.
    En la mayoría de los casos, el activador Todas las páginas es la mejor opción.
  5. Ponle un nombre a la etiqueta y haz clic en Guardar. Detalles de la etiqueta Vinculación de conversiones

Paso 2: Configura un evento de conversión

Para configurar un evento de conversión, tienes que hacer dos cosas:

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

Si ya has configurado eventos de conversión y solo necesitas implementar la etiqueta de servidor, ve directamente al paso 3.

Configurar Google Analytics para reconocer los eventos de conversión personalizados

Para definir un nuevo evento de conversión en Google Analytics:

  1. Abre Google Analytics 4.
  2. En la parte inferior izquierda, abre el menú Administrar.
  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 añade el nombre del evento de conversión. Puede ser el nombre de un evento recomendado o un evento personalizado. Interfaz de usuario de Google Analytics: página de conversiones
  5. Guarda el nombre del evento.

Configurar un evento de conversión en Google Tag Manager

Si tu conversión se activa cuando se produce un evento de vista de página, ve directamente al paso 3.

Para configurar un evento de conversión:

  1. Abre Google Tag Manager.

  2. En el espacio de trabajo de tu contenedor web, añade una etiqueta Google Analytics: evento de GA4.

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

  4. Introduce el nombre del evento que corresponda al evento de conversión del que quieres hacer un seguimiento. Detalles de la etiqueta de evento de GA4

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

Para configurar la etiqueta de seguimiento de conversiones de Google Ads:

  1. En el espacio de trabajo de tu contenedor de servidor, abre el menú Etiquetas de la parte izquierda de la página.
  2. Haz clic en Nueva para añadir una etiqueta.

  3. Selecciona el tipo de etiqueta Seguimiento de conversiones de Google Ads.

  4. Introduce la información de conversión obligatoria (etiqueta e ID de conversión). Puedes consultar estos valores en tu cuenta de Google Ads.

  5. En el menú Activación, selecciona uno de los activadores si es adecuado para tu caso práctico. Si ninguno de los activadores disponibles responde a tus necesidades, crea un activador personalizado símbolo más azul.

    Para activar la etiqueta cuando se produzca un evento personalizado:

    1. Elige el activador Evento personalizado.
    2. Introduce el nombre del evento que estás usando en la etiqueta Google Analytics: evento de GA4. Detalles del activador de evento personalizado

    Para activar la etiqueta solo en URLs específicas:

    1. Selecciona la opción para activar la etiqueta cuando se produzcan Algunos eventos personalizados.
    2. Añade la variable URL de página para que equivalga a la URL en la que debe activarse la etiqueta.

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

Opcional: Configurar un valor de conversión

Puedes especificar un valor de conversión diferente del parámetro value predeterminado; por ejemplo, si almacenas datos de precios en otra base de datos. Para especificar otra forma de calcular el valor de conversión, debes configurar una variable que extraiga datos de tu base de datos y los asigne a tu etiqueta de seguimiento de conversiones de Google Ads.

Para crear una variable:

  1. En el contenedor de servidor, abre el menú Variables.
  2. Crea una variable definida por el usuario para la entrada de datos. Por ejemplo, si quieres usar un valor de una base de datos de Firestore, crea una variable del tipo {{Firestore Lookup}}.
  3. Especifica las fuentes de datos de la variable.
  4. Asigna un nombre a la variable, como "Comprobación de beneficios" y guárdala.

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

  1. En el contenedor de servidor, abre el menú Etiquetas.
  2. Edita una etiqueta Seguimiento de conversiones de Google Ads que ya tengas o crea una nueva.

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

    • Valor de conversión: introduce un importe fijo o especifica la variable que has creado anteriormente.
    • Código de moneda. Seguimiento de conversiones de Google Ads con valor de conversión

  4. Guarda la etiqueta.

Paso 4: Conversiones mejoradas

Si no utilizas Conversiones mejoradas, ve directamente al paso Valida tu configuración.

Para configurar la función Conversiones mejoradas, sigue los pasos que se indican a continuación.

Configurar una variable de datos proporcionados por los usuarios

Hay tres formas de implementar Conversiones mejoradas en Tag Manager. Solo necesitas elegir una opción para recoger datos proporcionados por los usuarios.

Recogida automática Configuración manual Configuración mediante código
Método de recogida Recoge automáticamente los datos proporcionados por los usuarios según el código de tu sitio web.

Si necesitas controlar dónde se recogen los datos, selecciona una configuración manual o mediante código.		 Especifica determinadas propiedades de CSS o variables de JavaScript para recoger datos proporcionados por los usuarios.

Si necesitas controlar el formato de los datos y las funciones hash, habilita la configuración mediante código.		 Añade a tu sitio web un fragmento de código que envíe datos de clientes cifrados con hash para encontrar coincidencias.
Este método es la mejor opción para maximizar la precisión de Conversiones mejoradas, ya que te permite enviar datos con un formato coherente siempre que se active la etiqueta de conversión.
Complejidad Sencillo Medio Complejo
Conocimientos No se requieren conocimientos especializados HTML y CSS Desarrollo web

Recogida automática

  1. En el contenedor web, abre el menú Variables.
  2. Crea una variable definida por el usuario del tipo Datos proporcionados por los usuarios.
  3. En Tipo, selecciona Recogida automática.
  4. Ponle un nombre a la variable; por ejemplo, My user-defined data.
  5. Haz clic en Guardar.

Configuración manual

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

  4. En el campo de datos de usuario que te gustaría proporcionar mediante la función Conversiones mejoradas, añade una variable nueva o una que ya tengas.

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

  6. En Método de selección, puedes usar un Selector de CSS o un ID. Consejo: Si tus variables de CSS cambian frecuentemente, añade un ID de HTML a tu sitio y utiliza la variable de ID.

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

  8. Ponle un nombre a la variable de elemento DOM y haz clic en Guardar. Volverás a los ajustes de Datos proporcionados por los usuarios.

  9. Ponle un nombre a la variable de Datos proporcionados por los usuarios; por ejemplo, My user-defined data.

  10. Haz clic en Guardar.

Configuración mediante código

Paso 1: Identifica y define las variables de Conversiones mejoradas

Puedes enviar datos que no estén cifrados con hash (que Google cifrará con hash antes de que lleguen a los servidores) o datos cifrados previamente con hash. Si decides enviar datos previamente cifrados con hash, usa el algoritmo de codificación SHA256 hexadecimal. En ambos casos, debes proporcionar al menos uno de estos dos campos: email o phone_number.
Para enviar datos sin cifrar a la capa de datos:

  1. En tu sitio web, almacena los datos proporcionados por los usuarios 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 de 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 previamente cifrados con hash a la capa de datos:

  1. En tu sitio web, cifra con hash los datos proporcionados por los usuarios con el algoritmo de codificación SHA256 hexadecimal. La clave de los datos codificados tiene que empezar por sha256_. Por ejemplo:

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

  2. Envía los datos de usuario junto con un evento mediante dataLayer.push(). En el ejemplo siguiente, se muestra una implementación de capa de datos en la que se asume que has escrito una función hash y que la ejecutas 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 los usuarios

  1. En el contenedor web, abre el menú Variables.
  2. Crea una variable definida por el usuario del tipo Datos proporcionados por los usuarios.
  3. En Tipo, selecciona Código.
  4. En el campo de datos de usuario que quieres 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 los datos de usuario almacenados. Por ejemplo, leadsUserData.
  7. Ponle un nombre a la variable de capa de datos y haz clic en Guardar. Volverás a los ajustes de Datos proporcionados por los usuarios.
  8. Ponle un nombre a la variable de Datos proporcionados por los usuarios; 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 Opciones de configuración, añade un nuevo parámetro de configuración llamado user_data. En Valor, selecciona la variable Datos proporcionados por los usuarios; por ejemplo, {{My user-provided data}}.

  4. Guarda los cambios. Tu etiqueta debería tener este aspecto:

    Captura de pantalla de la configuración final de la etiqueta de Google que hace referencia a la variable de datos proporcionados por los usuarios

Configurar la etiqueta de seguimiento de conversiones de Google Ads del lado del servidor

Para habilitar Conversiones mejoradas en tu contenedor de servidor:

  1. En el espacio de trabajo de tu servidor, abre el menú Etiquetas.
  2. Edita la etiqueta Seguimiento de conversiones de Google Ads.
  3. Marca la casilla Incluir datos proporcionados por los usuarios. Casilla Incluir datos proporcionados por los usuarios
  4. Haz clic en Guardar para guardar los cambios.

Paso 5: Valida tu configuración

Cuando empieces a enviar datos con el contenedor de servidor, sigue estos pasos para comprobar si la implementación funciona correctamente:

  1. Abre a 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 puedes ver todas las etiquetas que se han activado. Comprueba si la etiqueta que has configurado se ha activado.
  4. En la pestaña Consola puedes ver todos los errores que han ocurrido durante la transmisión de datos al contenedor de servidor. Comprueba si hay errores y, si es así, corrígelos.

Para obtener más ayuda con la depuración de los contenedores de Tag Manager, consulta el artículo sobre previsualización y depuración.

Pasos siguientes

Cuando tu etiqueta de seguimiento de conversiones de Google Ads funcione correctamente, puedes quitar del contenedor web las demás etiquetas de este tipo para evitar la duplicación de datos.

Si también tienes campañas de remarketing de Google Ads y quieres medirlas mediante etiquetado del lado del servidor, configura el remarketing de Google Ads.