/
Implementación de preview

Implementación de preview

Owned by Sebastian Perez (Unlicensed)
Mar 07, 2018

El formato preview puede implementarse en e-planning de dos formas distintas. Ambas requieren de una creatividad en formato flash, preferentemente de un tamaño de 770x530 pixels.

  • La primera forma, y más sencilla, es según los siguientes pasos:

    1. Hacer clic en 'agregar anuncio'
    2. Elegir el formato 'layer flash'
    3. Ingresar todos los datos solicitados
    4. Hacer clic en 'Editar atributos del anuncio'
    5. Elegir efecto de visualización 'Interstitial'
    6. Seleccionar si el flash se debe expandir al tamaño de la pantalla o si se debe dejar el tamaño de la creatividad intacto y que un fondo blanco cubra el resto de la pantalla

  • La segunda manera de implementar el formato preview es más compleja y no es la recomendadaa menos que se requiera el agregado de distintos textos, links, etc. en la imagen que hará de preview. La implementacion se hace mediante la creación de dos pautas, cada una asociada a un espacio diferente, a saber:

    Pauta de redireccionamiento

    Contiene todas la restricciones inherentes a la campaña (cantidad de impresiones, caps por usuario, segmentación horaria, targeting por país, browser, etc). Esta pauta debe tener asociada un único banner de formato Layer, cuyo código JavaScript debe ser el siguiente:

    <script language='JavaScript'>
    var rnd = (new String(Math.random())).substring(2,8) + (((new Date()).getTime()) & 262143);
    if (eplHasCookies() && !eplHasNoTag()) {
    document.location = 'URL_ANUNCIO';
    }

    function eplHasCookies() {
    var cookieEnabled = (navigator.cookieEnabled)? true : false;
    // Si no es IE4+ ni NS6+
    if (typeof navigator.cookieEnabled == 'undefined' && !cookieEnabled) {
    document.cookie = 'testcookie';
    cookieEnabled = (document.cookie == 'testcookie') ? true : false;
    document.cookie = '';
    }

    return cookieEnabled;
    }

    function eplHasNoTag() {
    var url = window.location;
    var query = new String(url.search);

    return (query.indexOf('eplNoTag') != -1);
    }
    </script>

    Es importante destacar que lo único que interesa de este banner es el código JavaScript, por lo que es intrascendente la creatividad que se suba (puede ser un banner Flash 1x1 invisible o un banner remoto inexistente, ya que NUNCA se llama a la imagen).

    Otra observación a tener en cuenta que URL_ANUNCIO debe ser reemplazado por la dirección donde se encuenta alojada la página del anuncio que se detalla a continuación en la segunda pautas.

    Pauta de anuncio

    Es una pauta sponsor sin restricciones. Esta pauta debe correr en un espacio de tamaño variable. Debe contener un único banner Flash. Además para implementar correctamente la misma debe subirse al servidor del cliente la siguiente página html, bajo el nombre URL_ANUNCIO (a elección del cliente). El código de la página HTML es la siguiente:

    <html>
    <head>
    <title>Espacio de publicidad</title>
    <script language='JavaScript'>
    <!--
    function eplRedirectHome() {
    document.location = 'URL_HOME?eplNoTag=1';
    }

    var eplIntroTimeout = setTimeout(eplRedirectHome, 8000);
    // -->
    </script>
    </head>
    <body style='background-color: #000000;' topmargin='0' leftmargin='0'>
    <table border='0' cellpadding='0' cellspacing='0' width='100%'>
    <tr>
    <td width='100%' align='center' style='padding-top: 20px;'>
    CODIGO_ESPACIO_ANUNCIO
    </td>
    </tr>
    </table>
    <p align='center'><a style='color: #ffffff; font-family:verdana; font-size:10px' href='#' onClick='eplRedirectHome();'>Saltear introducción<a/></p>
    </body>
    </html>

    Observaciones:

    CODIGO_ESPACIO_ANUNCIO: Es el código Javascript del espacio asociado a la segunda pauta.
    URL_HOME: Url de la página inicial, donde se encuentra pegado el código del espacio de la primera pauta (la de redireccionamiento).

Related content