Etiquetas de Google Floodlight

Este artículo está dirigido a desarrolladores que desean mover etiquetas de Floodlight de una etiqueta. Administrador de contenedores web en un contenedor de servidor.

Tag Manager del servidor te permite transferir tus ventas de Google Floodlight y de contador de la página web al servidor. Traslada estas etiquetas al servidor reducirá la cantidad de código que debes ejecutar en la página y ayudará a mejorar los tiempos de carga de la página.

Antes de comenzar

Antes de mover las etiquetas a tu servidor, asegúrate de haber hecho lo siguiente:

Paso 1: Configura la etiqueta del vinculador de conversiones

Tu cuenta de Floodlight solo puede enviar datos de conversiones a Google Tag Manager cuando Debe configurar una etiqueta del Vinculador de conversiones.

Si ya cuentas con Etiqueta del Vinculador de conversiones configurado 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 contenedor del servidor, abre el menú Etiquetas a la izquierda de la .
  2. Haz clic en Nuevo para agregar una etiqueta nueva.
  3. Selecciona el tipo de etiqueta Vinculador de conversiones.
  4. Configure el activador que provocará que la etiqueta del servidor del vinculador de conversiones fuego.
    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 del vinculador de conversiones

Paso 2: Configura etiquetas de Floodlight

Google Tag Manager admite etiquetas de contador de Floodlight y etiquetas de venta de Floodlight en el contenedor del servidor.

Contador de Floodlight

Para configurar una etiqueta de Floodlight Counter, sigue estos pasos:

  1. En el lugar de trabajo del contenedor de servidor, selecciona 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 Floodlight Counter.

    Diálogo Elegir tipo de etiqueta con la etiqueta de contador de Floodlight destacado

  4. Para recopilar los valores necesarios para la configuración de la etiqueta, abre otro archivo del navegador y accede a Campaign Manager 360. Haz clic en Anunciantes y, luego, en el nombre del anunciante. Ingresa estos valores en tu nueva etiqueta de contador de Floodlight de Tag Manager:

    • ID del anunciante: El ID del anunciante aparecerá en el anunciante. de detalles debajo del nombre del anunciante. Este valor es de también se encuentra como el valor de src= en una etiqueta generada de Floodlight .
    • Cadena de etiqueta de grupo: En la tabla de actividad, identifica la actividad. con la que deseas trabajar y encuentra la cadena de etiqueta de grupo que se indica en una columna a la derecha. Esto también se encuentra como el valor de type= en un fragmento generado de la etiqueta de Floodlight.
    • Cadena de etiqueta de actividad: En la tabla de actividad, identifica el actividad con la que deseas trabajar y busca la etiqueta de actividad cadena enumerada en una columna a la derecha. Esto también se encuentra como el valor de cat= en un fragmento generado de una etiqueta de Floodlight

  5. Establece el Método de recuento deseado:

    • Estándar: Registra todas las conversiones.
    • Única: Cuenta la primera conversión para cada usuario único. durante un día de 24 horas, desde la medianoche hasta la medianoche, hora del este (EE.UU.).
    • Por sesión: Cuenta una conversión por usuario por sesión. La duración de la sesión la establece el sitio donde se encuentra la etiqueta de Floodlight cuando se implementa un plan.

  6. Abre la ventana Elige un activador.

  7. En el menú Configuración del activador, selecciona un activador. En la mayoría de los casos, Todas las páginas es la mejor opción.

    Cuadro de diálogo Elegir el activador con el activador Todas las páginas destacado

  8. Ingresa un nombre para la etiqueta y haz clic en Guardar.

    Captura de pantalla en la que se muestra que el campo de nombre de la etiqueta de contador de Floodlight cambió a Floodlight Etiqueta de contador

Ventas de Floodlight

Para configurar una etiqueta de ventas de Floodlight, sigue estos pasos:

  1. En el lugar de trabajo del contenedor de servidor, selecciona el menú Etiquetas a la izquierda. en el costado de la página.
  2. Haz clic en Nuevo para agregar una etiqueta nueva.

  3. Selecciona el tipo de etiqueta Floodlight Sales. Nota: La pestaña Ventas de Floodlight recopila automáticamente los siguientes valores del campo de comercio electrónico correspondiente:

    *   Order ID (Transaction ID)
*   Revenue (Value)

  4. Para recopilar los valores necesarios para la configuración de la etiqueta, abre otro archivo del navegador y accede a la página Campaign Manager 360 Haz clic en Anunciantes y, luego, haz clic en el nombre del anunciante. Ingresa estas en la nueva etiqueta de contador de Floodlight de Tag Manager:

    • ID del anunciante: El ID del anunciante aparecerá en el anunciante. de detalles debajo del nombre del anunciante. Este valor es de también se encuentra como el valor de src= en una etiqueta generada de Floodlight .
    • Cadena de etiqueta de grupo: En la tabla de actividad, identifica la actividad. con la que deseas trabajar y encuentra la cadena de etiqueta de grupo que se indica en una columna a la derecha. Esto también se encuentra como el valor de type= en un fragmento generado de la etiqueta de Floodlight.
    • Cadena de etiqueta de actividad: En la tabla de actividad, identifica el actividad con la que deseas trabajar y busca la etiqueta de actividad cadena enumerada en una columna a la derecha. Esto también se encuentra como el valor de cat= en un fragmento generado de una etiqueta de Floodlight

  5. Establece el Método de recuento deseado:

    • Estándar: Registra todas las conversiones.
    • Única: Cuenta la primera conversión para cada usuario único. durante un día de 24 horas, desde la medianoche hasta la medianoche, hora del este (EE.UU.).
    • Por sesión: Cuenta una conversión por usuario por sesión. La duración de la sesión la establece el sitio donde se encuentra la etiqueta de Floodlight cuando se implementa un plan.

  6. Abre la ventana Elige un activador.

  7. En el menú Configuración del activador, selecciona un activador. En la mayoría de los casos, la opción Todas las páginas es la mejor opción.

  8. Ingresa un nombre para la etiqueta y haz clic en Guardar.

Opcional: Configura las conversiones avanzadas

Si no utiliza las conversiones avanzadas, continúe con el paso Valide sus configuración.

Para configurar la configuración Mejorada Las conversiones siguen pasos a continuación.

Cómo configurar una variable de datos proporcionados por el usuario

Existen 3 formas en las que puedes implementar 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 datos, opta por una la configuración manual o con un código.		 Especifica las propiedades de CSS o las variables de JavaScript seleccionadas para recopilar datos proporcionados por el usuario.

Si necesita controlar el formateo de los datos y la codificación hash opta por la configuración del código.		 Agrega a tu sitio web un fragmento de código que envíe datos del cliente con codificación hash para las coincidencias.
Este método es la mejor opción para maximizar la exactitud de las conversiones avanzadas, ya que te permiten enviar datos con formato de forma coherente cada vez que se active su etiqueta de conversión.
Complejidad Simple Media Compleja
Habilidades No se necesitan habilidades especiales HTML y CSS Desarrollo web

Recopilación automática

  1. En el contenedor web, abre el menú Variables.
  2. Crea una Variable definida por el usuario nueva 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 el contenedor web, abre el menú Variables.
  2. Crea una Variable definida por el usuario nueva 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. 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. Luego, tu pantalla regresará a la configuración de Datos proporcionados por el usuario.

  9. Asigna un nombre a la variable 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 para que Google lo haga antes que los datos. llega a los servidores o a los datos que previamente se generaron por hash. Si decides enviar datos con codificación hash codifica los datos con SHA256 con codificación hexadecimal. En cualquier caso, proporciona en al menos uno de los siguientes campos: email or phone_ number.
Para enviar datos sin codificación hash a la capa de datos, sigue estos pasos:

  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(). Para 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 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(). El En el siguiente ejemplo, se muestra una implementación de capa de datos que supone que tienes escribiste por tu cuenta una función hash, que 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 el usuario

  1. En el contenedor web, abre el menú Variables.
  2. Crea una Variable definida por el usuario nueva 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 Elegir tipo de variable, selecciona Variable de capa de datos.
  6. En la Variable de capa de datos, haz referencia a los datos del usuario almacenados. Por ejemplo, leadsUserData
  7. Asigna un nombre a la variable de Data Layer y guárdala. Luego, tu pantalla regresará a la configuración de Datos proporcionados por el usuario.
  8. Asigna un nombre a la variable 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 el contenedor web, abre el menú Etiquetas.
  2. Edita la etiqueta de Google que usas para enviar datos al servidor de etiquetado.
  3. En Parámetros de configuración, agrega un nuevo parámetro de configuración. llamada user_data. En Valor, establece Datos proporcionados por el usuario variable, 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.

Configurar la etiqueta de Floodlight del servidor

En tu contenedor de servidor, habilita las conversiones avanzadas. Para ello, configura la Etiqueta de venta o de contador de Floodlight.

alt_text

Opcional: Valor de los ingresos

La etiqueta de ventas de Floodlight utiliza el parámetro value del evento como predeterminado. monto para calcular los ingresos. Especificar una base diferente para calcular la valor de los ingresos, debes configurar una variable para extraer datos de tu base de datos y asígnalo a tu etiqueta de ventas de Floodlight.

Para crear una nueva variable, haz lo siguiente:

  1. En el contenedor de servidor, abre el menú Variables.
  2. Crear una nueva 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 &lcub;&lcub;búsqueda de Firestore&rcub; de salida.
  3. Especifica las fuentes de datos de la variable.
  4. Asigna un nombre a la variable, por ejemplo, "Búsqueda de ganancias". y Guardar.

Para utilizar la variable en la etiqueta de ventas de Floodlight, sigue estos pasos:

  1. En el contenedor de servidor, abre el menú Etiquetas.
  2. Edita la etiqueta de Floodlight Sales.

  3. En la sección Parámetros únicos, sigue estos pasos:

    • En Fuente de datos, selecciona Configuración personalizada.
    • En Ingresos, selecciona la variable que creaste antes.
    • En Order ID, ingresa un ID o usa una variable para completar de forma dinámica el ID de pedido.

    Seguimiento de ventas de Floodlight con ingresos Valor

  4. Guarda la etiqueta.

Opcional: Parámetros personalizados

Puedes pasar la página campos de tu página web a Google Marketing Platform, como match_id.

Google Tag Manager

Para configurar campos personalizados para Floodlight, antepone x-dc- a un nombre del parámetro:

  1. En el contenedor web, abre el menú Etiquetas.
  2. Edita una etiqueta del evento de GA4 o crea una nueva.

  3. En Parámetros de evento, agrega el nombre del parámetro. Para indicar que va a Floodlight, anteponer x-dc-. Por ejemplo, si normalmente enviarías match_id, cámbialo a x-dc-match_id.

    Configuración de los parámetros dc- en la etiqueta web de GA4.

  4. Guarda la etiqueta.

gtag.js

Si deseas configurar campos personalizados para Floodlight, antepone x-dc- al evento. nombre del parámetro:

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

Paso 3: Valida tu configuración

Cuando comiences a enviar datos con el contenedor de servidor, funcione correctamente siguiendo estos pasos:

  1. Abre tu sitio web.
  2. En tu 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. 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 vista previa y depuración.

Próximos pasos

Una vez que tu etiqueta de Floodlight funcione según lo previsto, puedes quitar cualquier equivalente Etiquetas de Floodlight en un contenedor web para evitar la duplicación de datos