Compartir a través de

Creación de una creatividad HTML5 Xandr en Adobe Edge

  • Artículo

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

Con la biblioteca HTML5 de Xandr

  1. En Adobe Edge, seleccione el elemento en el que desea hacer clic en el panel Elementos . (No es necesario asignar un nombre al elemento "clickable").

    Captura de pantalla del panel Elementos.

  2. Abra Acciones para el elemento seleccionado. El panel Acciones aparecerá con un menú desplegable. A continuación, haga clic en el menú desplegable.

    Captura de pantalla del panel Acciones.

  3. Seleccione Vínculos y vínculos en nueva ventana en el área Seleccionar una acción .

    Captura de pantalla de la pantalla Elegir una acción.

  4. Verá código similar al siguiente.

    Captura de pantalla de la pantalla de código que muestra las propiedades de la función.

  5. Reemplace "https://www.adobe.com" por APPNEXUS.getClickTag(). Asegúrese de quitar las comillas.

    Captura de pantalla que muestra la pantalla de propiedades de función con el atributo de destino reemplazado.

  6. En el panel Biblioteca , en la lista desplegable Scripts , haga clic en Agregar archivo JS desde url... Pegue https://acdn.adnxs.com/html5-lib/1.3.0/appnexus-html5-lib.min.js en el campo y haga clic en Aceptar.

    Captura de pantalla del panel Biblioteca.

    Sugerencia

    Use https para asegurarse de que la creatividad puede servir en un inventario seguro.

  7. Haga clic en Vista previa en explorador para abrir el anuncio en el explorador. Agregue ?clickTag=http://YOUR-URL-HERE.com al final de la dirección URL en la barra de direcciones con la página de aterrizaje que desea probar. Actualice la página y haga clic en el anuncio. Una nueva ventana con la página de aterrizaje que escribió debe abrirse en el explorador. Cuando se sirve la creatividad, Xandr establece el valor de en el seguimiento de clics de clickTag Xandr y establece una redirección a la dirección URL de la página de aterrizaje proporcionada en Microsoft Monetize.

Sin la biblioteca HTML5 de Xandr

  1. En Adobe Edge, seleccione el elemento en el que desea hacer clic en el panel Elementos . (No es necesario asignar un nombre al elemento "clickable").

    Captura de pantalla que muestra el panel Elementos.

  2. Abra Acciones para el elemento seleccionado. El panel Acciones aparecerá con un menú desplegable. A continuación, haga clic en el menú desplegable.

    Captura de pantalla del panel Acciones con la opción Clic seleccionada.

  3. Pegue el código siguiente en el cuadro de texto proporcionado (este es el clickTag código).

    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 código de etiqueta de clic.

  4. Haga clic en Vista previa en explorador para abrir el anuncio en el explorador. Agregue ?clickTag=http://YOUR-URL-HERE.com al final de la dirección URL en la barra de direcciones con la página de aterrizaje que desea probar. Actualice la página y haga clic en la creatividad. Una nueva ventana con la página de aterrizaje que escribió debe abrirse en el explorador. Cuando se sirve la creatividad, Xandr establece el valor de en el seguimiento de clics de clickTag Xandr y establece una redirección a la dirección URL de la página de aterrizaje proporcionada en Microsoft Monetize.

Creación de un archivo Xandr Creative de HTML5 en Google Web Designer