Compartir a través de

Creación de una creatividad HTML5 Xandr en Adobe Animate CC

  • Artículo

En esta guía se explica cómo usar Adobe Animate CC para crear creatividades HTML5 que realicen un seguimiento correcto de los clics en Xandr. Se supone que está familiarizado con adobe Animate CC para crear creatividades.

Con la biblioteca HTML5 de Xandr

  1. En Adobe Animate CC, seleccione el elemento en el que desea hacer clic.

  2. Abra la ventana Acciones .

    Captura de pantalla que muestra el proceso de selección de Acciones en el menú Ventana de Adobe Animate C.

  3. Seleccione Fragmentos de código en la barra de herramientas Acciones.

    Captura de pantalla de la barra de herramientas Acciones con fragmentos de código seleccionados.

  4. Haga clic en Lienzo HTML, controladores de eventos y, a continuación, seleccione Clic del mouse y haga clic en Aceptar si recibe una advertencia.

    Captura de pantalla de la ventana Fragmentos de código con el evento Mouse Click seleccionado.

  5. Verá un editor de texto rellenado previamente con código. Reemplace "alert("Mouse clicked");" por:

    function getParameterByName(name) {
  var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
window.open(getParameterByName('clickTag'), '_blank');

    Captura de pantalla del editor de texto rellenado previamente con un código.

  6. Guarde y publique el trabajo. Abra el archivo del .html proyecto en el explorador web. Agregue ?clickTag=http://www.appnexus.com al final de la dirección URL en la barra de direcciones.

    Captura de pantalla de la barra de direcciones.

    Actualice la página y haga clic en el anuncio. Debería abrirse una nueva ventana con el sitio web de Xandr en el explorador. Cuando se envía el anuncio, Xandr establece el valor de clickTag en el seguimiento de clics de Xandr y un redireccionamiento a la dirección URL de la página de aterrizaje proporcionada para la creatividad en Microsoft Monetize.

Uso del clic HTML5 de IABTag Standard en Xandr