Compartir a través de

Creación de un creativo de Xandr de HTML5 en Google Web Designer

  • Artículo

En esta página se explica cómo usar Google Web Designer para crear creatividades HTML5 que realizarán un seguimiento correcto de los clics en Xandr.

  1. Abra Google Web Designer.

  2. Haga clic en CREATE NEW FILE (CREAR NUEVO ARCHIVO). Se muestra la ventana emergente Create Nuevo archivo en blanco.

  3. Haga clic en HTML en el menú Otros .

  4. Escriba un nombre y un título para la creatividad.

  5. Seleccione una ubicación y un modo de animación.

  6. Haga clic en Aceptar. Se cierra el Create nuevo archivo en blanco.

  7. Haga clic en el + botón situado en la parte inferior izquierda de Google Web Designer en la pestaña Eventos para agregar un nuevo evento.

    Captura de pantalla de la pestaña Eventos.

    Se muestra un elemento emergente.

  8. Seleccione un destino.

    Captura de pantalla que muestra el destino seleccionado.

    Este será el elemento del anuncio en el que se podrá hacer clic.

  9. Seleccione un evento.

  10. Seleccione una de las opciones disponibles que se muestran para el evento.

    Captura de pantalla de las opciones de evento disponibles.

  11. Seleccione Personalizado en el menú de acciones .

  12. Seleccione Agregar acción personalizada.

    Captura de pantalla de la opción Agregar acción personalizada.

  13. Escriba un nombre único en el campo de texto que se muestra junto a "gwd". (por ejemplo, XandrClick).

  14. 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 personalizado.

    Nota:

    Dado que Google Web Designer tiene un problema conocido relacionado con los comandos clave, debe pegar el código mediante la opción de pegado de la barra de menús del equipo.

  15. Haga clic en Aceptar.

  16. Pruebe la creatividad realizando lo siguiente si es necesario:

    1. Haga clic en Vista previa en la esquina superior derecha de Google Web Designer para abrir la creatividad en el explorador.

      Captura de pantalla de la pantalla de vista previa.

    2. Agregue "?clickTag=https://yoururlhere.com" en la barra de direcciones al final de la dirección URL de la página de aterrizaje que desea probar.

    3. 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 un valor de en seguimiento de clics de clickTag Xandr junto con una redirección a la dirección URL de la página de aterrizaje proporcionada en Microsoft Monetize.