Manual de uso e-planning.net Pág. 1 Manual de uso Índice Pág. 1- INSTALACIÓN AD MAGIC BUILDER 2 2 2 7 1.a- Link de descarga. 1.b- Instalación en Adobe Extension Manager. 1.c- Comprobar instalación. 2- PROGRAMACIÓN DE PIEZAS. 8 8 11 16 2.a- Insertar componentes (Drag & Drop). 2.b- Descripción de los componentes y sus métricas. 2.c- Listado de formatos y sus componentes. 3- COMPILAR PIEZAS 18 18 3.a- Compilado de piezas. 4- TESTING DE PIEZAS 19 19 20 20 4.a- Debug Level. 4.b- Traces. 4.c- Testing con Firebug. 5. CARGA DE PIEZAS EN LA INTERFAZ 21 6- GLOSARIO 24 www.e-planning.net online marketing solutions Pág. 2 Manual de uso Instalación Ad Magic Builder 1.a- Link de descarga Para descargar Ad Magic Builder, CLICK AQUÍ 1.b- Instalación en Adobe Extension Manager Descomprimir el archivo descargado y luego abrir el programa Adobe Extension Manager para comenzar con la instalación de Ad Magic Builder. www.e-planning.net online marketing solutions Pág. 3 Manual de uso Instalación Ad Magic Builder (cont.) Hacer click en Instalar y seleccionar el archivo Ad Magic Builder. www.e-planning.net online marketing solutions Pág. 4 Manual de uso Instalación Ad Magic Builder (cont.) Se deben aceptar los Términos y Condiciones para poder finalizar con la instalación en Adobe Extension Manager. www.e-planning.net online marketing solutions Pág. 5 Manual de uso Instalación Ad Magic Builder (cont.) De esta forma se finalizará la instalación y se podrá ver instalada la extensión dentro del producto “Flash”. www.e-planning.net online marketing solutions Pág. 6 Manual de uso Comprobar instalación Abrir el programa Adobe Flash y verificar que se haya instalado correctamente la extensión Ad Magic Builder. Para esto, debe dirigirse al menú Ventana y luego Componentes. Una vez habilitada la ventana Componentes, los podrá visualizar en dicho panel. www.e-planning.net online marketing solutions Pág. 7 Manual de uso Programación de piezas 2.a- Insertar componentes En este ejemplo que comenzará a detallarse a continuación se tomo como base de programación un Layer. Como primer paso se debe arrastrar a cualquier lugar del escenario, el componente FORMAT. La ubicación del componente es indistinta ya que estos no son visibles al publicar la película. www.e-planning.net online marketing solutions Pág. 8 Manual de uso Programación de piezas (cont.) Una vez que se incluye el componente de Formato (Format), se debe seleccionar en Propiedades el tipo de anuncio (Ad Type) que se está programando. www.e-planning.net online marketing solutions Pág. 9 Manual de uso Programación de piezas (cont.) En el siguiente paso incluiremos el clickTag en la pieza, para que la misma contabilice los clicks en la plataforma e-planning. Este componente es uno de los más importantes a incluir a la hora de programar el anuncio. En el caso del Layer en particular, se le incluirá también el botón de Cerrar (Close). www.e-planning.net online marketing solutions Pág. 10 Manual de uso Programación de piezas (cont.) Y por último, se incorporará el componente de Anuncio Completo (Complete). El mismo deberá colocarse en el último frame de la línea de tiempo de la animación. www.e-planning.net online marketing solutions Pág. 11 Manual de uso Programación de piezas (cont.) 2.b- Descripción de los componentes y sus métricas. Ad-ClickTag El componente Ad - ClickTag funciona como un botón, es el área clickeable de la creatividad y redireccionará a la url que se coloque posteriormente en plataforma e-planning. Se recomienda que ocupe el 100% del tamaño de la película. Parámetros »» clickTag Number: en e-planning se pueden utilizar hasta 20 áreas de clicks diferentes por cada creatividad. En los casos en donde haya 2 (dos) o más áreas de click deberá utilizarse esta opción para indicar cúal es el número de clickTag del componente. »» Custom Action: en e-planning también se puede utilizar hasta 10 acciones customizadas (0 a 9). Seleccionar el número de Custom Action si el componente debe registrar esta métrica. »» External URL: permite agregar una url para trackeo externo (3rd party tracking) de clicks. »» Target: permite redireccionar en la misma ventana o en una nueva ventana. Ad-Close El componente Ad-Close funciona como botón de cierre para las creatividades que sean Layers. Este complemento no es aplicable a los banners y ni a los Layers de los formatos Impact (Triple Impact, Múltiple Impact y Quíntuple Impact), que utilizan otro componente para ocultarse/mostrarse. Este componente también registra en el Ad Server la métrica “Cerrar Anuncio”. Ad-Complete Ad-Complete es el componente que registra la métrica “Anuncio Completo”. Se sugiere que el mismo sea ubicado al finalizar la animación de la creatividad. En el caso de que el anuncio contenga video, esta métrica se puede disparar desde el complemento Video-Area y no es necesario utilizar Ad-Complete. Ad-Expand Algunos formatos pueden expandir a través del componente Ad-Expand. Este componente funciona como un botón y también registra en el Ad Server la métrica “Expandir”. Este componente no es aplicable a todos los formatos; puede revisar la lista de componentes por formatos para ver en cuales puede utilizarse. www.e-planning.net online marketing solutions Pág. 12 Manual de uso Programación de piezas (cont.) Parámetros »» Event: selecciona el modo en que se dispara el evento: por click o rollover. Ad-Format Ad-Format es el componente principal de cada creatividad, debe ir ubicado en el primer frame de la película, y es el que define el comportamiento de los demás componentes. Es necesario seleccionar el formato correcto en el campo Ad Type en los Parámetros de Componente (panel de Propiedades del complemento) antes de compilar la película. Parámetros »» Ad Type: define el formato. »» Debug Level: se puede elegir entre 3 niveles de debugging existentes: en 0 estará desactivado, en 1 se habilita el modo debugging básico con el que se muestran los eventos y las acciones principales de la creatividad y en 2 se habilita el modo debugging avanzado con el que se muestra información complementaria de los eventos y acciones, como por ejemplo el tiempo y el frame en el que ocurre el evento. »» External URL: permite agregar una url para trackeo externo (3rd party tracking). Ad-FullScreen El componente Ad-FullScreen funciona como un botón y permite visualizar el anuncio a pantalla completa y volver al modo normal. Se utiliza generalmente en formatos con video. Ad-Impact-Hide Ad-Impact-Hide es un componente exclusivo de los formatos Impact (Triple Impact, Múltiple Impact y Quíntuple Impact). Actúa como un botón que permite ocultar una de las creatividades del formato. También registra en el Ad Server la métrica “Replegar”. Parámetros »» Impact Ad: define la creatividad que se ocultará al clickearse sobre el componente. Ad-Impact-Show Ad-Impact-Show es un componente exclusivo de los formatos Impact (Triple Impact, Múltiple Impact y Quíntuple Impact). Actúa como un botón que permite mostrar uno de las creatividades del formato. También registra en el Ad Server la métrica “Expandir”. www.e-planning.net online marketing solutions Pág. 13 Manual de uso Programación de piezas (cont.) Parámetros »» Event: selecciona el modo en que se dispara el evento: por click o rollover. »» Impact Ad: define la creatividad que se ocultará al dispararse el evento. Ad-Join Ad-Join es un componente exclusivo del formato Unión de Layers. Funciona como un botón y dispara el evento Join mediante el cual se juntan las creatividades laterales finalizando en un layer central. Parámetros »» Event: selecciona el modo en que se dispara el evento: por click o rollover. Ad-Shrink Algunos formatos pueden replegarse a través del componente Ad-Shrink. Este componente funciona como un botón y también registra en el Ad Server la métrica “Replegar”. Cuando este evento se dispara por Mouse Out también cumple la función de clickTag, por lo que no es necesario utilizar el componente Ad-ClickTag. Este componente no es aplicable a todos los formatos; puede revisar la lista de componentes por formatos para ver en cuales puede utilizarse. Parámetros »» Event: selecciona el modo en que se dispara el evento: por click o rollover. Ad-Skin El componente Ad-Skin funciona como un botón y al ser clickeado permite modificar el fondo (background) del sitio. Parámetros »» Skin Id: define el id del skin a mostrar o “Restore” en caso de que deba restaurar el fondo original del sitio. Media-Youtube Es posible embeber videos de You Tube a través del complemento Media-Youtube. Actúa como un área no clickeable en donde se mostrará el video. Es posible controlarlo a través de los controles del player de You Tube. Este complemento permite registrar en el Ad Server diferentes métricas como, sonido, tiempos de reproducción, play, pausa, replay, etc. También es posible registrar la métrica “Anuncio Completo”. En éste caso no es necesario utilizar el componente Ad-Complete. www.e-planning.net online marketing solutions Pág. 14 Manual de uso Programación de piezas (cont.) »» »» »» »» Parámetros Audio: define si el video comienza con sonido, en on o en off. Auto Play: define si el video comienza en play o en stop. Track ad End: registra en el Ad Server la métrica “Anuncio Completo”. Youtube Video ID: ID del video de You Tube a mostrarse en el complemento. Video-Area Es posible mostrar videos a través de los complementos de Video. El complemento Video-Area actúa como un área no clickeable en donde se mostrará el video cargado en e-planning. Es posible controlar el video a través de los complementos: Audio, Pause, Play, Progress y Replay. Este complemento permite registrar en el Ad Server la métrica “Anuncio Completo”. En éste caso no es necesario utilizar el componente Ad-Complete. »» »» »» »» »» »» »» »» Parámetros Audio: define si el video comienza con sonido en on o en off. Auto Play: define si el video comienza en play o en stop. Buffer Time: define el tiempo del buffer (tiempo necesario de carga antes de comenzar a reproducir el video). Go To: define el frame a donde debe ir la animación una vez finalizado el video. ID: ID correspondiente al video. Los complementos Audio, Pause, Play, Progress y Replay también deberán tener el ID del video a controlar. Loop: define si el video debe reproducirse nuevamente una vez finalizado. Replay Button: muestra el botón de “Replay” una vez finalizado el video. Este botón también registra en el Ad Server la métrica “Replay”. Track ad End: registra en el Ad Server la métrica “Anuncio Completo”. Video-Audio El complemento Video-Audio actúa como un botón que puede controlar el sonido de un determinado Video-Area. Es necesario que se indique correctamente el ID del video que debe controlar. Este complemento también registra en el Ad Server la métrica “Sonido On” y “Sonido Off”. Parámetros »» ID: Id del complemento Video-Area sobre el que debe tener control del sonido. www.e-planning.net online marketing solutions Pág. 15 Manual de uso Programación de piezas (cont.) Video-Pause El complemento Video-Pause actúa como un botón que puede pausar un determinado Video-Area. Es necesario que se indique correctamente el ID del video que debe controlar. Este complemento también registra en el Ad Server la métrica “Pausa”. Parámetros »» ID: ID del complemento Video-Area que debe poder pausar. Video-Play El complemento Video-Play actúa como un botón que da comienzo a un determinado Video-Area. Es necesario que se indique correctamente el ID del video que debe controlar. Este complemento también registra en el Ad Server la métrica “Play”. Parámetros »» ID: ID del complemento Video-Area sobre el que debe poder dar play. Video-Progress Video-Progress es un complemento que muestra el estado de la reproducción de un determinado Video-Area, además de mostrar la carga y el tiempo reproducido del video. Es necesario que se indique correctamente el ID del video que debe controlar. Parámetros »» ID: ID del complemento Video-Area que debe controlar. Video-Replay El complemento Video-Replay actúa como un botón que puede volver a reproducir el video de un determinado Video-Area. Es necesario que se indique correctamente el ID del video que debe controlar. Este complemento también registra en el Ad Server la métrica “Replay”. Parámetros »» ID: ID del complemento Video-Area que debe volver a reproducir. www.e-planning.net online marketing solutions Pág. 16 Manual de uso Programación de piezas (cont.) BANNER FLASH BANNER WITH LAYER Banner Layer BANNER WITH SKIN EXPANDABLE MULTIPLE Replegado Expandido EXPANDABLE PUSH EXPANDABLE ROLL-OVER JOIN LAYERS Laterales Layer LAYER FLASH LAYER TO BUTTON Layer Button LAYER ZOCALO Zocalo Layer (sólo si expande por click) complementos (opcionales) www.e-planning.net online marketing solutions VIDEO REPLAY VIDEO PROGRESS VIDEO PLAY VIDEO PAUSE VIDEO AUDIO VIDEO AREA MEDIA YOUTUBE AD SKIN AD SHRINK AD JOIN AD IMPACT SHOW AD IMPACT HIDE AD FULLSCREEN AD FORMAT AD EXPAND AD COMPLETE AD CLOSE FORMATOS AD CLICK TAG 2.c- Listado de formatos y sus componentes. Pág. 17 Manual de uso Programación de piezas (cont.) MULTIPLE IMPACT Left, Right & Top Banner Layer PREVIEW QUINTUPLE IMPACT Left, Right, Top & Extra Banner Layer TAKE OVER Banner Layer TRIPLE IMPACT Left & Right Banner Layer WIDESCREEN Banner Layer RISING STARS - BILLBOARD RISING STARS - FILMSTRIP RISING STARS - PORTRAIT RISING STARS - PUSH DOWN (sólo si expande por click) complementos (opcionales) www.e-planning.net online marketing solutions VIDEO REPLAY VIDEO PROGRESS VIDEO PLAY VIDEO PAUSE VIDEO AUDIO VIDEO AREA MEDIA YOUTUBE AD SKIN AD SHRINK AD JOIN AD IMPACT SHOW AD IMPACT HIDE AD FULLSCREEN AD FORMAT AD EXPAND AD COMPLETE AD CLOSE FORMATOS AD CLICK TAG 2.c- Listado de formatos y sus componentes. Pág. 18 Manual de uso Compilar piezas 3.a- Compilar mi pieza. Al momento de publicar/compilar el archivo se debe tener en cuenta que la versión mínima de Flash requerida por e-planning es 8. www.e-planning.net online marketing solutions Pág. 19 Manual de uso Testing de piezas 4.a- Debug Level Se puede seleccionar 3 niveles diferentes de debugging en las opciones del componente Format: 0- Debug desactivado 1- Debug básico: muestra los eventos y acciones principales de la creatividad. 2- Debug avanzado: muestra información complementaria de los eventos y acciones, como por ejemplo el tiempo y el frame en el que ocurre el evento. 4.b- Traces. En la etapa de testeo se comprueba que la creatividad este correctamente armada. A través de los “traces” se podrán ver los diferentes eventos de la pieza y la información mostrada dependerá del nivel de debugging que se está utilizando. www.e-planning.net online marketing solutions Pág. 20 Manual de uso Testing de piezas (cont.) Cuando se realiza la publicación/compilación del anuncio, es recomendable una completa interacción con el anuncio para testear su correcto funcionamiento. 4.c- Testing con Firebug. Una vez cargado el anuncio en e-planning, podemos testear los eventos y las acciones a través de la consola de Firebug. www.e-planning.net online marketing solutions Pág. 21 Manual de uso Carga de piezas en la interfaz Una vez programada las piezas de manera correcta y haber chequeado su correcto funcionamiento con cada uno de los test, el siguiente paso es cargar el anuncio dentro de la interfaz. RECUERDE QUE YA NO SERÁ NECESARIO GENERAR UN TICKET AL ÁREA DE SOPORTE TÉCNICO PARA ENVIAR/RECIBIR LAS PIEZAS PROGRAMADAS; YA QUE AD MAGIC BUILDER PERMITE AUTOGESTIONAR LAS PIEZAS DESDE SU PROGRAMACIÓN HASTA LA GENERACIÓN DEL TAG. Dirigirse a la pauta en donde se asociaran los anuncios, hacer click en Agregar Anuncio: www.e-planning.net online marketing solutions Pág. 22 Manual de uso Carga de piezas en la interfaz (cont.) Seleccionar el formato correspondiente a la pieza que se programó Seleccionar como forma de carga de anuncios: Archivos que componen el anuncio www.e-planning.net online marketing solutions Pág. 23 Manual de uso Carga de piezas en la interfaz (cont.) Se habilitará (según el formato que se haya seleccionado) la cantidad y tipo de archivos a subir. Estas son las piezas que fueron programadas con los componentes de Ad Magic Builder. IMPORTANTE: Siempre, al subir piezas programadas con Ad Magic Builder, seleccionar como Versión de Tracking, la número 2. www.e-planning.net online marketing solutions Pág. 24 Manual de uso Glosario ADOBE EXTENSION MANAGER: Es un programa desarrollado por Adobe Systems. Es utilizado para instalar y administrar extensiones asociadas con diversos programas de Adobe. BUFFER: Es la acción de guardar una porción de datos en memoría para luego ser procesado. Se asocia en muchas ocasiones a aplicaciones que manejan video y/o audio. El tener más datos de video y de audio en memoria se traduce en que la aplicación puede compensar cuando hay una variación en la velocidad en que se está transmitiendo el medio. CLICKTAG: Variable que se coloca dentro de la programación de las piezas para realizar el redireccionamiento y conteo de clicks en el Ad Server. DEBUG: Depurar y encontrar las acciones que realizan las piezas/creatividades para poder corregir posibles errores. FIREBUG: Extensión de Firefox creada y diseñada especialmente para desarrolladores y programadores web. Es un paquete de utilidades con el que se puede analizar (revisar velocidad de carga, estructura DOM), editar, monitorizar y depurar el código fuente, CSS, HTML y JavaScript de una página web de manera instantánea e inline. FRAME: Los documentos de Adobe® Flash® Professional dividen el tiempo en fotogramas (frames). En la línea de tiempo, se trabaja con estos fotogramas para organizar y controlar el contenido de los documentos. Los fotogramas se colocan en la línea de tiempo en el orden en que se desea que aparezcan los objetos de los fotogramas en el contenido final. TRACE: Función; evalúa la expresión y muestra el resultado en el panel Salida en modo de prueba. Utilizada para registrar las notas de programación o para mostrar mensajes en el panel Salida mientras prueba un archivo SWF. La función trace() es similar a la función alert de JavaScript. TRACKEO: Método para realizar el seguimiento de campañas en diferentes Ad Servers. Las comercializadoras de publicidad sin servidor propio suelen insertar un píxel de 1x1 para recoger de forma más fiable los datos de la campaña. www.e-planning.net online marketing solutions