Toda creatividad armada en Ad Studio puede incorporar múltiples  componentes a elección. Este documento detalla cada uno de los mismos.

¿Donde encuentro los componentes disponibles?

Los componentes disponibles pueden accederse desde el panel COMPONENTES

Cada vez que se selecciona un componente se despliega una ventana de propiedades para diseñar sus características.

¿Que propiedades puedo modificar de estos componentes?

Todos los componentes, poseen un conjunto de propiedades básicas comunes. Estas propiedades son: 

•  Nombre: Permite nombrar el componente
•  Ancho y Alto: Definen el tamaño de la caja de texto
•  X / Y: Definen la posición de la caja de texto
• Profundidad: Valor relativo de profundidad de la capa frente al resto de los componentes.
• Animaciones: Opciones para dar movimiento al componente dentro de la pieza. 
  
  

Ademas, cada componente posee un conjunto de propiedades particulares respecto de su funcion.

¿Para que sirve el componente Imagen? 

El componente imagen permite agregar imágenes JPG, PNG o GIF estáticos y/o animados.

El componente imagen posee las siguientes propiedades particulares:

•  Archivo: Permite indicar la imagen a subir.
  
  

¿Para que sirve el componente SWF?

El componente SWF permite agregar cualquier archivo SWF el cual es convertido automáticamente a HTML5 y puede ser reproducido en cualquier disposito móvil o desktop. Se conserva toda la animación que el archivo original contenga.

El componente SWF posee las siguientes propiedades particulares:

• Archivo SWF: Permite indicar el archivo SWF a cargar en la pieza.

¿Para que sirve el componente HTML5?

El componente HTML5 permite la carga de piezas HTML5 con formato ZIP.

El componente HTML5 posee las siguientes propiedades particulares:

• Archivo Zip: Permite indicar el archivo SWF a cargar en la pieza.

¿Para que sirve el componente Video? 

El componente Video permite subir videos en formato MP4, OGG y MPEG.

El componente Video posee las siguientes propiedades particulares:

• Video: Permite indicar el video a subir.

• Autoplay: Permite iniciar la reproduccion del video de forma automatica al mostrar la pieza. En caso de optar por esta opción el audio estará en off por defecto.

• Countdown: Permite mostrar un contador regresivo en segundos respecto del tiempo restante del video.

  Ejemplo

  
  

  

• Al Finalizar: Permite definir el comportamiento del anuncio al finalizar el video, entre cuatro posibles:
  *Cerrar anuncio
  *Repetir (Volver a reproducir)
  *Consultar repetición (Consultar al usuario si se quiere volver a reproducir)
  *Detener (Dejarlo el video detenido)

Ademas, si el formato es INLINE, se incorporaran tambien las siguientes propiedades:

• Audio en rollover: Permite activar o desactivar el audio frente al mouseover o mouseout que realice el usuario.

  Ejemplo

  
  

  

¿Para que sirve el componente YouTube?

El componente Youtube permite agregar cualquier video de YouTube omitiendo la publicidad propia del portal.

El componente  Youtube posee las siguientes propiedades particulares:

•  ID Video: Permite indicar el id del video de Youtube a insertar.

  Ejemplo

  Si la url del video es esta:

  
  

  El id a utilizar sera: zVBrb3JNIhY

• Autoplay: Permite iniciar la reproducción del video de forma automática al mostrar la pieza. En caso de optar por esta opción el audio estará en off por defecto.

• Replay: Si se activa esta opción, el video reiniciará su reproducción al finalizar.
  
  

¿Para que sirve el componente Botón?

Este compoente permite insertar áreas interactivas ante el evento click del usuario. Se puede configurar para varios tipos de interacciones:

• ClickTag: Si se selecciona este tipo de interactividad,  cuando el usario haga click/touch sobre el boton, la pieza contabilizara un click y abrira la url destino  indicada mediante el atributo URL en una nueva pestaña del explorador.
• Ir a una url: Con este tipo de interactividad, ante el click/touch del usuario en el boton, se abrira la url de destino mediante el atributo URL  pero sin contabilizar clicks.
• Cambiar página: Esta opcion se encontrara disponible en el caso de que la pieza posea mas de un layer. En este caso, ante el evento click/touch sobre el boton, la pieza alternara  a la pagina indicada mediante el atributo Página.
• Cambiar creatividad: Aparece cuando el  template de anuncio seleccionado posee por defecto más de un creativo.  Al dispararse el evento, alternara al creativo indicado, cpntabilizando interaccion bajo la metricas metricas "Expandir" y "Replegar" respectivamente.
  Adicional a esto, permite alternar entre tres posibles eventos que ejecuten la accion:

           * Click/Touch: Realiza el cambio de creatividad cuando se realiza un click o se toca con el dedo en caso de ser mobile.
           * Mouse over: Realiza el cambio de creatividad cuando se posiciona el mouse sobre el componente.
           * Mouse out: Realiza el cambio de creatividad cuando el mouse sale del área del componente. Este es útil para replegar.

• Cerrar anuncio: Si se selecciona esta interactividad, al hacer click/touch en el boton, cerrara el creativo haciéndolo desaparecer de la pagina y contabilizando la interaccion "cerrar anuncio".

• Click to call: Utilizando esta interactividad, ante el evento click/touch solicitará al dispositivo del usuario realizar una llamada telefónica  al número indicado por el atributo Teléfono y contabilizará un click.

  Atención

  Ante la interactividad Click to call,  La llamada requerirá aprobación del usuario para efectuarse.

• Descargar App:  Si utilizamos esta interactividad, ante el click/touch del usuario sobre el botón, verificará el S.O. del usuario, y según corresponda abrirá AppStore (Apple) o PlayStore (Android) en la página de descarga de la aplicación indicada por los atributos PlayStore.

¿Para que sirve el componente Like?

Permite agregar el botón me gusta de Facebook en varios estilos diferentes, al clickear sobre el botón, si el usuario ya está conectado a Facebook, queda registrada su acción sin ser redireccionado al portal.

Propiedades particulares:

•  Facebook Page: Definir la página en cuestión. Ejemplo: http://www.facebook.com/eplanning
•  Mostrar fotos: En la opción Standard de pueden agregar las fotos de aquellos que les gusta la página.
•  Esquema: Light o Dark, para cambiar el color de la tipografía dependiendo el color del fondo.
•  Tipo: Standard / Solo Botón / Botón y Cantidad / Caja y Cantidad

Idioma botones sociales
Desde Ajustes del anuncio se puede seleccionar el idioma con el que deben funcionar los botones sociales. Hay 4 opciones: inglés, español, portugués e idioma del usuario. Este último es el default, y lo que hace es adoptar el idioma que el usuario tenga configurado en cada red social. Si no puede determinar el idioma configurado entonces adopta inglés.

Componente Likebox

Permite agregar un contenedor con las últimos post de una página de Facebook (se puede scrollear sobre el contenido) o fotos de usuarios a quienes les gusta el anunciante en Facebook. 

Propiedades particulares:

•  Facebook Page: Definir la página en cuestión. Ejemplo: http://www.facebook.com/eplanning
•  Mostrar fotos: Para mostrar las fotos de usuarios a los que ya les gusta esa página.
•  Esquema: Light o Dark, para cambiar el color de la tipografía dependiendo el color del fondo.
•  Mostrar Stream: Para mostrar los últimos posteaos que se hayan en el muro.
•  Fondo: Se puede cambiar el color del fondo del Likebox

Idioma botones sociales
Desde Ajustes del anuncio se puede seleccionar el idioma con el que deben funcionar los botones sociales. Hay 4 opciones: inglés, español, portugués e idioma del usuario. Este último es el default, y lo que hace es adoptar el idioma que el usuario tenga configurado en cada red social. Si no puede determinar el idioma configurado entonces adopta inglés.

Componente Share

Permite compartir la página del anunciante en el muro del usuario, en el muro de un amigo, un grupo o un mensaje privado de Facebook.



Propiedades particulares:

• Facebook Page: Definir la página en cuestión. Ejemplo: http://www.facebook.com/eplanning

Idioma botones sociales
Desde Ajustes del anuncio se puede seleccionar el idioma con el que deben funcionar los botones sociales. Hay 4 opciones: inglés, español, portugués e idioma del usuario. Este último es el default, y lo que hace es adoptar el idioma que el usuario tenga configurado en cada red social. Si no puede determinar el idioma configurado entonces adopta inglés.

Componente Seguir

Permite agregar un botón para poder seguir al anunciante en Twitter directamente desde el anuncio.

Propiedades particulares:

•  Usuario: el nombre del usuario en Twitter. Ejemplo: eplanningnet
•  Seguidores: Agrega un recuadro con la cantidad de seguidores actuales
•  Mostrar usuario: agrega el nombre de la cuenta del anunciante

Idioma botones sociales
Desde Ajustes del anuncio se puede seleccionar el idioma con el que deben funcionar los botones sociales. Hay 4 opciones: inglés, español, portugués e idioma del usuario. Este último es el default, y lo que hace es adoptar el idioma que el usuario tenga configurado en cada red social. Si no puede determinar el idioma configurado entonces adopta inglés.

Componente Timeline

Permite agregar los últimos posteos de Twitter en tiempo real dentro del anuncio.

Propiedades particulares:

•  Esquema: Light / Dark cambia el color de la tipografía dependiendo el color de fondo del anuncio.
•  Mostrar: Tweets de cuenta / Hashtag / Texto permite mostrar lo último lo relacionado a una cuenta, un hashtag o un texto particular.

Idioma botones sociales
Desde Ajustes del anuncio se puede seleccionar el idioma con el que deben funcionar los botones sociales. Hay 4 opciones: inglés, español, portugués e idioma del usuario. Este último es el default, y lo que hace es adoptar el idioma que el usuario tenga configurado en cada red social. Si no puede determinar el idioma configurado entonces adopta inglés.

Componente WhatsApp

Permite agregar un botón para poder enviar un mensaje a contactos de WhatsApp.

Propiedades particulares:

• Valor: Completar la información que el usuario compartirá con sus contactos.
  Ejemplo: Vamos al Personal Fest! https://www.youtube.com/watch?v=lDrJKMZj5RM

Idioma botones sociales
Desde Ajustes del anuncio se puede seleccionar el idioma con el que deben funcionar los botones sociales. Hay 4 opciones: inglés, español, portugués e idioma del usuario. Este último es el default, y lo que hace es adoptar el idioma que el usuario tenga configurado en cada red social. Si no puede determinar el idioma configurado entonces adopta inglés.

Componente Texto

 Permite agregar texto con las siguientes configuraciones

Propiedades particulares:

• Valor: El texto que será visible en el anuncio

•  Fuente: Se puede configurar entre Arial, Verdana y Tahoma
•  Formato: Normal o Bold (negrita)
•  Estilo: Normal o Italic
•  Decoración: Underline (subrayado), Overline (línea superior) o Line through (tachado)
•  Color: Permite configurar el color de la letra

  Componente Maps

Permite agregar un mapa un google con la dirección y localización del anunciante dentro de la creatividad.

Propiedades particulares:

•  Ubicación: Completar la dirección exacta
•  Zoom: Para ubicar el mapa más cerca o más lejos en altura.
•  Tipo de mapa: Normal / Satélite

Componente Swipe

Permite agregar una galería de fotos que puede navegarse con los indicadores 'izquierda' 'derecha' o desplazando con el dedo en dispositivos móviles.


Se pueden agregar entre 2 y 8 imágenes de formatos JPG, PNG o GIF estáticos.


Componente Wipe

Permite subir una imagen que debe ser “borrada” por el usuario con el dedo o el mouse y da lugar a otra imagen de la creatividad.

Se pueden subir imágenes opacas o transparentes.

Propiedades particulares:

•  Archivo: Subir una imagen jpg, png o gif estática. La misma puede ser opaca o transparente en algunas zonas.
•  Veces: Se puede configurar la cantidad de veces que el usuario debe tocar la pantalla para hacer desaparecer el componente.

Componente Forma

Permite agregar formas geométricas o bordes en los anuncios.


Propiedades particulares:

•  Fondo: El color interior de la forma
•  Tamaño del borde: Tamaño en pixeles
•  Color del borde: puede tener un color diferente al del interior
•  Estilo del borde: Diversas opciones para el estilo del borde
•  Redondeo: Para redondear los vértices de la forma.

Componente Seflie

Permite agregar un componente que al ser tocado con el dedo o con el mouse permite cargar una imagen del telefono o sacarnos una foto y automaticamente la carga en el anuncio.
Se puede cargar una imagen default que aparece antes de que el usuario cargue la suya.
Sirve tanto para mobile como para desktop.

Componente TW Card

Permite agregar un componente que muestra la última publicación completa de la cuenta que se indique.

Adicionalmente se puede mostrar el último post en donde se haya mencionado o hashtagueado a la cuenta:

Artículos relacionados:

Animación de elementos