Configurar etiquetas de UET con Adobe Launch

Configurar etiquetas de UET con Adobe Launch

Los administradores de etiquetas externos te permiten administrar las etiquetas de tu sitio web desde un solo lugar. Aprende a configurar etiquetas de UET con Adobe Launch.
Notas
  • Este artículo muestra cómo realizar una configuración básica de las etiquetas de UET con Adobe Launch. Adobe Launch ofrece varias características avanzadas para personalizar cuándo y cómo se deben activar las etiquetas. Consulta Adobe Help Center para obtener más información.
  • Microsoft Advertising no es responsable de los procesos o la documentación de Adobe, ni de los cambios realizados en los procesos o la documentación de Adobe.

Los administradores de etiquetas reemplazan las etiquetas estáticas con etiquetas dinámicas que son más fáciles de implementar y actualizar. La etiqueta dinámica es un contenedor, un pequeño fragmento de código que te permite insertar dinámicamente etiquetas en tu sitio web. Puedes considerarlo como si la etiqueta del contenedor fuera un cubo que contiene otros tipos de etiquetas.

Implementación de UET con Adobe Launch

  1. Configura una cuenta en Adobe Launch, si aún no lo has hecho.
  2. Crear una propiedad en Adobe Launch:
    1. Desplázate a la página de tu compañía y después haz clic en New Property (Nueva propiedad).
    2. Para Name, da un nombre único a tu propiedad.
    3. Para Domain (Dominio), especifica la URL raíz de la propiedad.
    4. (Opcional) Activa la casilla Return an empty string for undefined values of Data Elements (Devolver una cadena vacía para los valores no definidos de Elementos de datos) si quieres que los valores no definidos queden vacíos, en vez de que se les asignen valores predeterminados.
    5. Haz clic en Guardar.
  3. En la consola de administración de Launch, ve a la pestaña Extensions y haz clic en Catalog.
  4. Busca "Etiqueta de UET de Microsoft Advertising" y haz clic en Install (Instalar).
  5. En la página Install Extension (Instalar extensión), especifica el identificador de la etiqueta de UET de Microsoft Advertising y modifica su configuración (habilitar métricas de tiempo de navegación, cookie de seguimiento de conversiones, actualizar el nombre de seguimiento de eventos globales — recomendamos que se mantenga la configuración predeterminada de rendimiento y de la cookie). Nota: Para buscar la etiqueta de UET, selecciona Seguimiento de conversiones > Etiquetas de UET en tu cuenta de Microsoft Advertising.
  6. Haz clic en Guardar. Ahora puedes buscar la extensión "Etiqueta de UET de Microsoft Advertising" en Extensiones > Instaladas.
  7. Ve a la pestaña Rules (Reglas) y haz clic en Create New Rule (Crear regla nueva) para asegurarte de que el evento de UET se envíe en cada vista de página.
  8. Asigna un nombre a la regla y después configúrala con las siguientes condiciones:
    1. Crea un evento nuevo y establece Event Type (Tipo de evento) en DOM Ready (Listo para DOM).
    2. Crea una acción nueva y selecciona Etiqueta de UET de Microsoft Advertising como la Extensión y después Base Tag (Etiqueta base) como el Tipo de acción.
  9. Si utilizas características basadas en eventos personalizados (por ejemplo, informes de ingresos variables, lista de remarketing de eventos personalizados, públicos de productos), deberás crear otra regla y un elemento de datos para cualquier evento que recupere dinámicamente un valor de la página. De lo contrario, salta al siguiente paso.
    1. Ve a la pestaña Data Elements (Elementos de datos) y haz clic en Create New Data Element (Crear nuevo elemento de datos). (Los elementos de datos te permiten crear un mapa de datos de los elementos utilizados habitualmente en una página; sugerimos crear un elemento de datos, después configurar una regla y, por último, enlazar los parámetros de acción a los elementos de datos).
    2. Especificar un nombre y después define el elemento de datos.
    3. Haz clic en Guardar.
    4. Ve a la página Rules y haz clic en Add Rule (Agregar regla).
    5. Configura la regla que debe coincidir con tu caso:
      • Para Events, selecciona la forma en que se activa el parámetro personalizado (por ejemplo, al hacer clic en la página).
      • Para Actions, selecciona los valores que se deben enviar mediante UET. Si usas parámetros personalizados, deberás seleccionar Etiqueta de UET de Microsoft Advertising como la Extensión y Evento personalizado como el Tipo de acción. Después agrega los parámetros en el lado derecho.
      • Si usas un parámetro de acción de evento (para generar remarketing de eventos personalizados o para llevar el seguimiento de conversiones), deberás configurar el campo Select event action (Seleccionar acción de evento).
  10. Ve a la pestaña Publishing (Publicación).
  11. En Development (Desarrollo), haz clic en Add New Library (Agregar nueva biblioteca).
  12. Especifica un nombre, selecciona un entorno de desarrollo que implementar y después agrega los recursos que creaste antes (por ejemplo, extensiones, elementos de datos y reglas).
  13. Haz clic en Guardar.
  14. Genera e implementa el entorno de desarrollo que hayas especificado.
  15. Inserta el fragmento del instrumento del entorno en la página de prueba. Encontrarás el fragmento del instrumento en la página Environments (Entornos) haciendo clic en el botón Install.
  16. Ve a tu página y comprueba que tus reglas y elementos de datos funcionan del modo esperado. Usa la Aplicación auxiliar de la etiqueta de UET para comprobar que todos los eventos y parámetros se envían correctamente mediante UET.
  17. Cuando hayas validado la página de prueba, vuelve a Adobe Launch y publica los cambios en la pestaña Publishing.
  18. Ve a la página Environments para obtener el fragmento de script de Adobe Launch del entorno Production y pon el nuevo fragmento de código en el código de tu sitio web.

Ejemplo

Para ver un ejemplo de etiqueta de UET de Adobe Launch instalada en el texto de una página web, visita nuestra página de muestra de Adobe Launch (solo en inglés), haz clic con el botón derecho en la página web y después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador.

Esta página está configurada para admitir lo siguiente:

  • Ingresos variables de objetivos de conversiones
  • Públicos de productos: identificador de producto y tipo de página
  • Evento personalizado de la lista de remarketing

En la página hay una variable JavaScript "cart" que almacena el contenido del carro de la compra y envía los valores a UET al hacer clic en el botón Enviar. Este es el aspecto que tiene en el código del sitio web:

var cart = {
    'currency': 'USD',
    'total': product.price * product.quantity,
    'transaction_id': '105305b2-134f-4479-a2c3-b456170d060c',
    'items': [ product ]
};
		 

Configuremos Adobe Launch para que cree el informe de los parámetros de la página de muestra.

  1. En Adobe Launch, cree un nuevo elemento de datos que defina dónde se almacenan los valores de los parámetros personalizados. Tome transaction_id como ejemplo: Establece Data Element Type (Tipo de elemento de datos) como JavaScript Variable y Path to variable (Ruta a variable) como cart.transaction_id.
  2. Repite este proceso por cada parámetro personalizado de la página: moneda, valor de ingresos y elementos.
  3. Crea una regla para activar un evento de UET cuando realices una acción determinada. En nuestro ejemplo, se activarán varios parámetros personalizados (como categoría de evento e identificador de producto) al hacer clic en el botón.
    1. En Events, haz clic en Add (Agregar) para determinar cuándo activar la regla.
    2. Establece Event Type como Click y Elements matching the CSS selector (Elementos que coinciden con el selector de CSS) como "#purchase" (el elemento de JavaScript en la página).
    3. En Actions, haz clic en Add para determinar qué es lo que se activará.
    4. Para Extension, selecciona Etiqueta de UET de Microsoft Advertising y, para Action Type, selecciona Evento personalizado.
    5. Para Select event type (Seleccionar tipo de evento), selecciona Purchase (Compra).
    6. Sigue agregando todos los parámetros que envíe la página y selecciona el elemento de datos coincidente de cada uno. Por ejemplo, para Items, selecciona transaction_id.
  4. Ve a la pestaña Publishing (Publicación) y en Development (Desarrollo), haz clic en Add New Library (Agregar nueva biblioteca).
  5. Escribe un nombre y después agrega los recursos que has creado antes (extensión, elementos de datos, reglas).
  6. Haz clic en Guardar.
  7. Genera e implementa un entorno de desarrollo.
  8. Inserta el fragmento del instrumento del entorno en la página de prueba. Encontrarás el fragmento del instrumento en la página Environments (Entornos) haciendo clic en el botón Install.
  9. Ve a tu página de muestra y comprueba que tus reglas y elementos de datos funcionan del modo esperado. En la página de muestra, siempre se envía un evento de carga de página cuando se carga la página y se envía un evento personalizado solo cuando se hace clic en el botón Enviar. Estos eventos activan la etiqueta de UET, que producen solicitudes HTTP. Las solicitudes más importantes son a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web y se presione el botón.

Sugerencias

  • Si quieres devolver una matriz de valores en el evento de UET, recomendamos que uses un elemento de datos para devolver el objeto de la matriz de los parámetros de tipo matriz en vez de establecerlo directamente en el campo de valores de parámetros. Por ejemplo, para devolver esta matriz de valores ([{'id':'0', 'name':'a'}, {'id':'1', 'name':'b'}]) de los parámetros de elementos en el evento de UET:
    1. Crea un elemento de datos: Establece Name (Nombre) como "obj01", Extensión como "Core" y Data Element Type (Tipo de elemento de datos) como "Custom Code".
    2. Haz clic en Open Editor (Abrir editor) en el panel derecho y pega el código de JavaScript que devuelve un objeto de este elemento de datos "return [{'id':'0', 'name':'a'}, {'id':'1', 'name':'b'}]".
    3. En la sección Rule (Regla), establece el valor de parámetro para el parámetro de elemento como "%obj01%".

See more videos...