Compartir a través de

Integración de la biblioteca HTML5 de Xandr con anuncios de Designer web de Google

  • Artículo

Siga estas instrucciones para modificar un anuncio creado en Google Web Designer de modo que funcione sin problemas con la biblioteca HTML5 de Xandr. Esto es necesario para realizar un seguimiento correcto de los clics.

Requisitos previos

Necesitará un editor de texto para completar el procedimiento siguiente. Si no tiene uno, le recomendamos Sublime Text.

Paso 1: Buscar el index.html archivo

Antes de empezar, busque la carpeta que contiene el anuncio creado en Google Web Designer. Si el anuncio se encuentra en un .zip archivo, debe descomprimir el archivo para mostrar una carpeta que contenga sus diversos recursos.

A continuación, busque y abra el archivo denominado index.html. Este archivo es donde realizará todos los cambios necesarios en los pasos siguientes.

Paso 2: Agregar la biblioteca HTML5 de Xandr

Asegúrese de que la biblioteca HTML5 de Xandr real está vinculada a dentro de index.html.

Vincule la biblioteca dentro de la <head> etiqueta del index.html archivo agregando la siguiente <script> etiqueta:

<script type="text/javascript" src="https://acdn..com/html5-lib/1.3.0/-html5-lib.min.js"></script>

Sugerencia

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

Paso 3: Reemplazar dirección URL codificada de forma rígida por APPNEXUS.getClickTag()

Podría tener un anuncio creado en Google Web Designer que tenga una dirección URL codificada de forma rígida incrustada.

Busque gwd-events="handlers" en el index.html archivo para buscar direcciones URL codificadas de forma rígida. Si están presentes, encontrará un bloque de código similar al siguiente:

<script type="text/javascript" gwd-events="handlers">
        gwd.auto_BodyClick = function(event) {
                // GWD Predefined Function
    gwd.actions.gwdGenericad.exit('gwd-ad', 'https://appnexus.com', true);
  };
</script>

Nota:

La dirección URL codificada de forma rígida (en este caso, https://xandr.com/) variará en función del anuncio específico con el que trabaje.

Reemplace "https://xandr.com" (incluidas las comillas) por APPNEXUS.getClickTag(). La función debe tener un aspecto similar al siguiente:

<script type="text/javascript" gwd-events="handlers">
        gwd.auto_BodyClick = function(event) {
                // GWD Predefined Function
    gwd.actions.gwdGenericad.exit('gwd-ad', APPNEXUS.getClickTag(), true);
  };
</script>

Paso 4. Guardar cambios

Guarde los cambios.

Paso 5. Volver a comprimir contenido creativo

Seleccione todo el contenido de la carpeta creada al descomprimer el archivo. Comprima el contenido en un archivo nuevo .zip .

Captura de pantalla que muestra cómo comprimir archivos.

Ya está listo para cargar su creatividad HTML5 en la plataforma Xandr.

Nota:

Para obtener información sobre el uso de Google Web Designer para crear una creatividad HTML5 que realice un seguimiento correcto de los clics en Xandr, vaya a: Crear un archivo Xandr Creative de HTML5 en Google Web Designer.

Si tiene algún problema relacionado con la compilación, puede generar una incidencia en el Portal de soporte técnico al cliente de Xandr o ponerse en contacto con su representante de cuenta de Xandr.

Validador de IAB (opcional)

Si desea comprobar cómo mide esta creatividad hasta las directrices de IAB, puede hacerlo mediante la herramienta Validador de anuncios HTML5 .