v1.0 Manual de uso

Transcripción

1 v1.0 Manual de uso

2 PÁG Índice Click en los ítems, para acceder al contenido: PÁGINA 1- Qué es AdStudio Mobile? 2- Cómo acceder a AdStudio Mobile desde e-planning? 3- Cómo crear un anuncio? 3.1- Creación a partir de formatos 3.2- Creación a partir de templates genéricos 3.3- Creación de anuncio 3.4- Agregado de componentes El componente Botón 3.5- Previsualización de anuncio 3.6- Ajustes del anuncio 3.7- Guardar el anuncio 4- Cómo crear un template personalizado? 4.1- Creación de un anuncio a partir de un template personalizado 5- Glosario

3 PÁG Qué es Ad Studio Mobile? Ad Studio Mobile es una plataforma para la creación de anuncios para dispositivos móviles. Permite de forma simple y sin necesidad de tener ningún conocimiento técnico la creación y distribución de anuncios para móviles. 2. Cómo acceder a AdStudio Mobile desde e-planning? La herramienta se encuentra integrada directamente en la plataforma, por eso el acceso estará dentro de la pauta ya creada que contendrá el/los anuncios a crear en el Studio. La opción para crear anuncios de este tipo es Agregar anuncio Rich Media Mobile. Dentro se encuentra el formulario, similar a los demás de carga de anuncios:

4 PÁG Cómo acceder a AdStudio Mobile desde e-planning? (cont.) Una vez seleccionado el botón Crear anuncio Rich Media Mobile se abrirá el AdStudio Mobile para comenzar a armar el anuncio deseado. Una vez finalizado/guardado el anuncio, se volverá a la pantalla de e-planning para continuar con las configuraciones:» PRIORIDAD Y PESO» SELECCIÓN DE ESPACIOS en donde va a correr» FRECUENCIAS» SEGMENTACIÓN Temporal, Geográfica, Palabras Claves, etc.

5 PÁG Cómo acceder a AdStudio Mobile desde e-planning? (cont.) IMPORTANTE: El campo de URL de click no estará presente en el formulario, dado que se configura directamente en el Studio al armar el anuncio. El Formato asignado a anuncios creados por ASM es Rich Media Mobile Banner.

6 PÁG Cómo acceder a AdStudio Mobile desde e-planning? (cont.) En el caso de que se desee Editar el anuncio ya cargado, directamente se deberá acceder a la pantalla de edición del banner y al presionar sobre Editar anuncio Rich Media Mobile se volverá a la vista del anuncio original para hacer los ajustes necesarios: 3. Cómo crear un anuncio? Los anuncios pueden ser creados a partir de formatos y/o a partir de templates. 3.1) Creación a partir de formatos Cuando creamos un anuncio a partir de un formato lo primero que debemos seleccionar es el formato a utilizar. Para ello en la pantalla inicial debemos seleccionar la primera opción en la columna izquierda Crear anuncio. Se desplegarán una serie de opciones, cada una corresponde a un formato.

7 PÁG Creación a partir de formatos (cont.) Actualmente se puede seleccionar entre 7 formatos diferentes: INTERSTICIAL: consiste en un layer fullscreen que se inicializa cuando el usuario ingresa al sitio. EXPANDIBLE: consiste en un banner el cual puede ser expandido a un layer fullscreen. ADHESION: consiste en un anuncio situado en la parte inferior del navegador que se desplaza junto al usuario al realizar scroll en el sitio. BANNER: consiste en un banner estático. PULL: consiste en un anuncio del tipo adhesion que puede ser expandido hacia un layer fullscreen. PUSHDOWN: consiste en un banner que puede ser expandido hacia un banner de mayor tamaño. El nuevo banner desplaza el contenido del sitio. PULL ADHESION: consiste en un anuncio del tipo adhesion que puede ser expandido hacia un adhesion de mayor tamaño. Una vez seleccionado el formato se debe seleccionar el tamaño deseado. Esto mismo puede realizarse desde el menú ubicado debajo de la muestra del formato. Dependiendo el formato elegido puede ser necesario seleccionar un tamaño para una o más creatividades que componen al mismo. Por ejemplo, el formato Intersticial solo está compuesto por un Layer, por lo que es necesario seleccionar un solo tamaño. En cambio, el formato Expandible está compuesto por un Layer y un Algunas creatividades pueden tener tamaño fijo o ser responsive -esta última opción aplica solo a Layers y Adhesions-, si es seleccionada entonces el anuncio se adaptará al tamaño actual de la pantalla. Una vez seleccionado el formato y el tamaño de sus creatividades solo debemos hacer click en el botón Crear.

8 PÁG ) Creación a partir de Templates Los templates consisten en formatos que ya incluyen algunos componentes con algunas propiedades definidas. De esta forma, el anuncio está basado en una plantilla y solo será necesario reemplazar determinadas propiedades para finalizarlo. Para crear un anuncio a partir de un template entonces debemos dirigirnos a la opción Crear anuncio desde un template genérico en la columna izquierda de la pantalla principal. En ella se mostrarán una serie de templates. Solo debemos elegir uno y hacer click en el botón Crear : 3.3) Creación del anuncio Tanto si nuestro anuncio va a ser creado a partir de un formato, como si va a ser creado a partir de un template, al hacer click en el botón Crear seremos llevados a la pantalla de edición.

9 PÁG Creación del anuncio (cont.) En la misma observaremos: SOLAPA DE SELECCIÓN DE CREATIVIDADES SELECTOR DE PÁGINAS Nos permite seleccionar la página de la creatividad a editar. Además, con el botón nueva, y con el botón podemos eliminar la que estemos editando. puede agregarse una VENTANA DE COMPONENTES Nos permite agregar un componente hacia el contenedor del anuncio. Actualmente existen 13 componentes diferentes: TEXTO: nos permite agregar texto IMAGEN: nos permite agregar una imagen.jpeg,.png o.gif FORMA: nos permite agregar una forma geométrica al anuncio VIDEO: nos permite agregar un vídeo.mp4,.ogg o.mpeg BOTÓN: nos permite agregar un botón para realizar un acción, como cerrar el anuncio, expandirlo, replegarlo o redirigir a una url de click ME GUSTA: nos permite agregar un botón Me Gusta de Facebook LIKEBOX: nos permite agregar un contenedor que mostrara los últimos posts de una página de Facebook SEGUIR: nos permite agregar un botón de Seguir de Twitter MAPAS: nos permite agregar un mapa de Google Maps para mostrar diferentes localizaciones YOUTUBE: nos permite agregar un vídeo de Youtube SWIPE: nos permite agregar una galería de imágenes WIPE: nos permite subir una imagen para que la misma pueda ser borrada por el usuario que en el dispositivo lo realizará con el dedo. Se pueden subir imágenes opacas o transparentes. WHATSAPP: nos permite agregar un botón para poder enviar un mensaje a contactos de WhatsApp.

10 PÁG. 10 VENTANA DE PROPIEDADES Solo es visible cuando un componente es seleccionado. Permite configurar distintas propiedades del mismo que varían según el tipo de componente. Además, el botón Eliminar instancia permite eliminar el componente actualmente seleccionado ) Agregado de componentes Para agregar un componente solo es necesario seleccionarlo o draguearlo desde la ventana de componentes hacia el espacio de diseño.

11 PÁG Agregado de componentes (cont.) Para moverlo solo debemos seleccionarlo y desplazarlo a la posición donde queremos que sea insertado. También podemos hacerlo una vez seleccionado con las flechas del teclado. Si mantenemos presionada la tecla SHIFT al mismo tiempo que presionamos alguna de las flechas del teclado el componente se desplazara de a 10 pixels en la dirección elegida. Si queremos editar alguna de sus propiedades podemos hacerlo en la ventana con el mismo nombre. Las mismas cambiarán según el tipo de componente. En el ejemplo aquí se puede observar un componente del tipo Texto. Al editar el campo Valor se modifica el contenido del mismo: Para eliminar un componente simplemente debemos hacer click en la opción Eliminar instancia en la ventana de propiedades, o presionar la tecla Delete mientras el mismo se encuentra seleccionado.

12 PÁG ) El componente Botón El componente Botón es de especial importancia, ya que nos permite realizar algunas acciones claves en el comportamiento del anuncio: Cambiar la página dentro de la creatividad actual Cambiar de creatividad (expandir, replegar) Cerrar el anuncio Redirigir a una URL de click Redirigir a una URL determinada El componente Botón, como cualquier otro componente, se agrega dragueandolo al anuncio a la posición deseada. El mismo no será visible para el usuario final, sino que se presentara como un área clickeable. En las propiedades del mismo, bajo la propiedad Acción podemos elegir el comportamiento que tendrá. Dependiendo el tipo de comportamiento puede ser necesario que debamos configurar alguna propiedad extra. Por ejemplo, si se selecciona Change page entonces será necesario seleccionar a que página se desea cambiar:

13 PÁG ) El componente Botón (cont.) Si se selecciona ClickTag o Link URL entonces se deberá escribir la URL de destino. Cabe destacar que la diferencia entre estas opciones es que ClickTag contabiliza un click, además de redirigir a otras URLs en caso de que se configure la macro correspondiente en el tag. En cambio, Link URL simplemente redirigirá a la URL especificada sin realizar ningún conteo ni redirecciones extra. 3.5) Previsualización anuncio El anuncio puede ser previsualizado en cualquier momento, tanto si fue o no guardado. Para ello debemos utilizar los botones que se encuentran en el menú superior. El primero de ellos nos permite previsualizar el anuncio en la ventana actual, mientras que el segundo nos proporcionara un código QR, el cual puede ser escaneado con cualquier dispositivo para ser visualizado.

14 PÁG ) Previsualización anuncio (cont.)

15 PÁG ) Ajustes del anuncio Esta opción permite configurar el Fondo de la creatividad. El mismo puede ser de Color o Transparente. Si se selecciona esta última opción, se puede agregar un efecto de Fade in para mostrar la transición de un color a elección, a la transparencia del fondo. 3.7) Guardar el anuncio Una vez que nuestro anuncio se encuentra listo debemos guardarlo. Para ello en la esquina superior izquierda encontraremos el primer botón: Guardar. Si no se desea guardar los cambios actuales, se puede optar por el segundo botón: Cancelar

16 PÁG Creación de Templates La plataforma permite que se puedan crear Templates personalizados con componentes con propiedades predefinidas. Para ello es necesario dirigirse a la opción Crear template en la columna izquierda de la pantalla principal: En la misma debemos seleccionar sobre que formato funcionara nuestro template y el tamaño de sus creatividades. Luego simplemente es necesario hacer click en el botón Crear. Cuando creamos un template solo debemos agregar las páginas y componentes que deseamos al anuncio. No es necesario completar todas las propiedades, por ejemplo podemos insertar un componente imagen y agregar o no una imagen para el mismo:

17 PÁG Creación de Templates (cont.) Una vez que tenemos listo nuestro Template debemos asignarle un nombre de referencia. Esto se realiza desde el campo donde se lee Sin título. Para guardarlo al igual que hacemos en un anuncio, con el botón Guardar ubicado en la esquina izquierda del menú superior. Es importante saber que los templates, al no ser anuncios, no pueden ser previsualizados. 4.1) Creación de un anuncio a partir de un template personalizado Una vez finalizado nuestro Template podemos crear un anuncio a partir del mismo. Para ello, en la ventana principal nos dirigimos a la opción Crear anuncio desde mis templates en la columna izquierda: En la misma vamos a encontrar todos los templates que hayamos creado. Al seleccionar uno se nos va a mostrar cierta información sobre el mismo:

18 PÁG Creación de un anuncio a partir de un template personalizado (cont.) El botón Descargar documento de especificaciones nos va a generar un documento PDF con las especificaciones del mismo. Este va a describir cuál es su comportamiento, que creatividades tiene, que páginas fueron definidas y los componentes en cada misma. Además explica el funcionamiento de cada componente y las propiedades que pueden ser configuradas en cada uno. Además, en caso de que queramos eliminar o editar un template que hayamos creado podemos hacerlo en el mismo menú, utilizando los botones: Una vez que hayamos seleccionado el template que deseamos solo debemos hacer click en el botón Crear. A continuación podremos crear un anuncio el cual inicialmete tendrá las páginas y componentes de nuestro template original:

19 PÁG Glosario Se detalla a continuación un glosario de las Propiedades de los Componentes disponibles: Nombre: Esta propiedad es común a todos los componenentes. Permite identificarlo frente al resto. Ancho: Indica el ancho de la imagen o de la caja de texto o de cualquier objeto que se aplique. Se puede manejar directamente desde la propiedad con las flechas o indicando un valor directamente en el campo. El valor también se adapta si se manipula el objeto desde el área de trabajo. Alto: Indica el alto de la imagen o de la caja de texto o de cualquier objeto que se aplique. Se puede manejar directamente desde la propiedad con las flechas o indicando un valor directamente en el campo. El valor también se adapta si se manipula el objeto desde el área de trabajo. X / Y: Indican la posición del objeto en el anuncio. Se puede manejar directamente desde la propiedad con las flechas o indicando un valor directamente en el campo. El valor también se adapta si se manipula el objeto desde el área de trabajo. Valor: En este campo se debe dar el valor a incluir en el objeto que corresponda. Esta propiedad está asociada a tex- to, con lo cual estará presente en componentes como: Texto el valor será el texto a incluir / WhatsApp el valor será el texto a incluir. Ej Mira este trailer! Fuente: Permite seleccionar la tipografía a aplicar al componente Texto. Se puede seleccionar entre estas opciones: Arial/Tahoma/Verdana. Ancho: Permite seleccionar el efecto de la tipografía a aplicar al componente Texto. Se puede seleccionar entre estas opciones: normal/ bold. Tamaño: Permite seleccionar el tamaño de la tipografía a aplicar al componente Texto. Estilo: Permite seleccionar el estilo de la tipografía a aplicar al componente Texto. Se puede seleccionar entre estas opciones: normal/ italic. Decoración: Permite aplicar una decoración al componente texto. Se puede seleccionar entre estas opciones: none (sin decoración)/ underline(subrayado por debajo)/ overline(subrayado por arriba / line-through (tachado) Color: Permite seleccionar el color a aplicar al componente texto. El color se indica en código hexadecimal. Se puede indicar directamente en el campo o se puede seleccionar con el tutor. Profundidad: Esta propiedad se encuentra en todos los componentes. Actúa como un z-index para poder ubicar los elementos en la profundidad deseada. Se maneja con + y para ir acomodando el elemento en el anuncio. Archivo: Esta propiedad admite la carga de un archivo jpeg, png o gif, para componentes como: Imagen, Swipe y Wipe.

20 PÁG Glosario (cont.) Fondo: Esta propiedad agrega un fondo de color (en código hexadecimal). Se puede aplicar a la forma (Componente Forma ) y al Like Box de Facebook. Tamaño del borde: Se puede indicar el grosor de la línea del borde de la forma a aplicar en el anuncio (Componente Forma ). Se puede indicar un valor numérico para ajustarlo. Color del borde: Esta propiedad agrega color, a definir en código hexadecimal, al borde de la forma (Componente Forma ) que se desee aplicar al anuncio. Estilo del borde: Esta propiedad permite aplicar un estilo al borde de la forma (Componente Forma ). Se puede seleccionar entre estas opciones: hidden (sin borde)/ solid (línea completa)/ dotted (línea punteada)/ dashed (línea con guiones) / doublé (línea doble) / groove (línea con efecto sombreado) / ridge (línea con efecto sombreado) / inset (línea con efecto sombreado) / outset (línea con efecto sombreado) Radio: Con un valor numérico se puede indicar el nivel de redondeo de los vértices del borde de la forma (Componente Forma ). Mientras más alto sea el número más redondeado será el borde. Fuente de video: Esta propiedad admite la carga de un video: MP4, OGG o MPEG. Se encuentra asociada al componente Video. Acción: Esta propiedad pertenece al componente Botón (Ver sección El componente Botón). Permite indicar la acción a realizar por el botón agregado. Se puede seleccionar entre estas opciones: Change page: Cambiar la página dentro de la creatividad actual. Se deberá indicar el número de la página a la que deberá cambiar el botón. Close ad: Cerrar el anuncio Change creative: Para formatos que sí lo admitan, permite cambiar de creatividad (expandir, replegar). Ej: en el Pulldown, se podrá indicar el cambio de la instancia del banner replegado a la instancia del expandido y viceversa desde la versión expandida se podrá pasar al banner replegado. Link URL: Redirigir a una URL determinada (a indicar en la propiedad URL), sin realizar conteo. ClickTag: Redirigir a una URL de click (a indicar en la propiedad URL). A diferencia de la anterior contabiliza un click, además de redirigir a otras URLs en caso de que se configure la macro correspondiente en el tag. Facebook page: Esta propiedad asociada al componente Me gusta y Like box, permite agregar un botón de Me gusta asociado a una página determinada, Ej: El usuario podrá clickear en Me gusta y adicionalmente agregar un comentario para publicar. Mostrar fotos: Esta propiedad asociada al componente Me gusta y Like box, permite mostrar las imágenes de perfil en miniatura de los usuarios que les gusta la página y que son amigos del usuario conectado. Mostrar stream: Dentro del componente Like box, esta propiedad permite activar la vista de los últimos posts de la página de Facebook. Esquema: Esta propiedad permite indicar el tipo de color a utilizar en el componente de Me gusta de Facebook. Se puede seleccionar entre dark y light.

21 PÁG Glosario (cont.) Layout: Esta propiedad permite indicar el formato en que se mostrará el botón de Me gusta de Facebook. Se puede seleccionar: estándar (este formato incluye el botón, la descripción de cuantos usuarios y amigos les gusta la página y el desglose de imágenes en miniatura si se activa show faces ) / button_count (este formato solo incluye el botón y la cantidad de usuarios que les gusta la página, uno al lado del otro). / box_count (similar a la anterior, solo se muestra la cantidad de usuarios y el botón. Uno debajo de otro). Usuario: Esta propiedad está asociada al componente Seguir de Twitter. Permite indicar la cuenta/usuario que se desea aplicar al anuncio para el seguimiento. No se debe indicar simplemente el nombre. Ej: cocacola Ubicación: Para el componente Mapas con esta propiedad se indica la dirección que se desea mostrar en este widget. Zoom: Se puede indicar el nivel de acercamiento a la vista de los mapas de Google. Tipo de mapa: Se puede indicar el tipo de mapa a mostrar en Mapas de Google. Se puede seleccionar entre: normal / satellite (muestra imágenes de satélite de Google Earth). ID Video: Para el componente YouTube se debe indicar el id del video que se desea mostrar en el anuncio. El id se obtiene del parámetro v= del link del video. Ej: Veces: Para el componente Wipe se puede indicar la cantidad de movimientos a contemplar del usuario para poder borrar la imagen. El valor default es 400. Si se quieren más movimientos se debe indicar un número mayor y si se quieren considerar menos, un número menor.