manual de uso - e-planning

25
e-planning.net Manual de uso

Upload: others

Post on 16-Jul-2022

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Manual de uso - E-Planning

e-planning.net

Manual de uso

Page 2: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 1

1- INSTALACIÓN AD MAGIC BUILDER1.a- Link de descarga.1.b- Instalación en Adobe Extension Manager.1.c- Comprobar instalación.

2- PROGRAMACIÓN DE PIEZAS. 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 PIEZAS3.a- Compilado de piezas.

4- TESTING DE PIEZAS4.a- Debug Level.4.b- Traces.4.c- Testing con Firebug.

5. CARGA DE PIEZAS EN LA INTERFAZ

6- GLOSARIO

Índice

Para más información póngase en contacto con [email protected]

Pág.

22

2

11

1818

19192020

21

24

16

88

7

Page 3: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 2

Instalación Ad Magic Builder

1.a- Link de descargaPara descargar Ad Magic Builder, CLICK AQUÍ

1.b- Instalación en Adobe Extension ManagerDescomprimir el archivo descargado y luego abrir el programa Adobe Extension Manager para co-menzar con la instalación de Ad Magic Builder.

Page 4: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 3

Instalación Ad Magic Builder (cont.)

Hacer click en Instalar y seleccionar el archivo Ad Magic Builder.

Page 5: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 4

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.

Page 6: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 5

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”.

Page 7: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 6

Comprobar instalación

Una vez habilitada la ventana Componentes, los podrá visualizar en dicho panel.

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.

Page 8: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 7

Programación de piezas

2.a- Insertar componentesEn este ejemplo que comenzará a detallarse a continuación se tomo como base de programaciónun 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.

Page 9: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 8

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.

Page 10: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 9

En el caso del Layer en particular, se le incluirá también el botón de Cerrar (Close).

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.

Page 11: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 10

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.

Page 12: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 11

Programación de piezas (cont.)

2.b- Descripción de los componentes y sus métricas.

Ad-ClickTagEl componente Ad - ClickTag funciona como un botón, es el área clickeable de la creatividad y re-direccionará 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á utilizar-se 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-CloseEl 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-CompleteAd-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-ExpandAlgunos formatos pueden expandir a través del componente Ad-Expand. Este componente funcio-na 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.

Page 13: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 12

Parámetros » Event: selecciona el modo en que se dispara el evento: por click o rollover.

Ad-FormatAd-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á desac-

tivado, 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-FullScreenEl componente Ad-FullScreen funciona como un botón y permite visualizar el anuncio a pantalla com-pleta y volver al modo normal. Se utiliza generalmente en formatos con video.

Ad-Impact-HideAd-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-ShowAd-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 forma-to. También registra en el Ad Server la métrica “Expandir”.

Programación de piezas (cont.)

Page 14: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 13

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-JoinAd-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-ShrinkAlgunos formatos pueden replegarse a través del componente Ad-Shrink. Este componente funcio-na 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-SkinEl 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-YoutubeEs 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.

Programación de piezas (cont.)

Page 15: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 14

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-AreaEs 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 contro-lar 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 tam-

bién registra en el Ad Server la métrica “Replay”. » Track ad End: registra en el Ad Server la métrica “Anuncio Completo”.

Video-AudioEl complemento Video-Audio actúa como un botón que puede controlar el sonido de un determina-do 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.

Programación de piezas (cont.)

Page 16: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 15

Video-PauseEl 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-PlayEl 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-ProgressVideo-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 indi-que correctamente el ID del video que debe controlar.

Parámetros » ID: ID del complemento Video-Area que debe controlar.

Video-ReplayEl 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 con-trolar. 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.

Programación de piezas (cont.)

Page 17: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 16

2.c- Listado de formatos y sus componentes.

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

AD

CLI

CK T

AG

AD

CLO

SE

AD

CO

MPL

ETE

AD

EXP

AN

D

AD

FO

RMA

T

AD

FU

LLSC

REEN

AD

IMPA

CT H

IDE

AD

IMPA

CT S

HO

W

AD

JO

IN

AD

SH

RIN

K

AD

SKI

N

MED

IA Y

OU

TUBE

VID

EO A

REA

VID

EO A

UD

IO

VID

EO P

AU

SE

VID

EO P

LAY

VID

EO P

ROG

RESS

VID

EO R

EPLA

Y

FORMATOS

(sólo si expande por click) complementos (opcionales)

Page 18: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 17

2.c- Listado de formatos y sus componentes.

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

AD

CLI

CK T

AG

AD

CLO

SE

AD

CO

MPL

ETE

AD

EXP

AN

D

AD

FO

RMA

T

AD

FU

LLSC

REEN

AD

IMPA

CT H

IDE

AD

IMPA

CT S

HO

W

AD

JO

IN

AD

SH

RIN

K

AD

SKI

N

MED

IA Y

OU

TUBE

VID

EO A

REA

VID

EO A

UD

IO

VID

EO P

AU

SE

VID

EO P

LAY

VID

EO P

ROG

RESS

VID

EO R

EPLA

Y

FORMATOS

(sólo si expande por click) complementos (opcionales)

Programación de piezas (cont.)

Page 19: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 18

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.

Page 20: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 19

Testing de piezas

4.a- Debug LevelSe puede seleccionar 3 niveles diferentes de debugging en las opciones del componente Format:

0- Debug desactivado1- 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.

Page 21: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 20

Testing de piezas (cont.)

4.c- Testing con Firebug.

Cuando se realiza la publicación/compilación del anuncio, es recomendable una completa interacción con el anuncio para testear su correcto funcionamiento.

Una vez cargado el anuncio en e-planning, podemos testear los eventos y las acciones a través de la consola de Firebug.

Page 22: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 21

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:

Page 23: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 22

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

Page 24: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 23

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.

Page 25: Manual de uso - E-Planning

www.e-planning.net

o n l i n e m a r k e t i n g s o l u t i o n s

Manual de usoPág. 24

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, estructu-ra 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.

Glosario