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

Contenido

¿Dónde encuentro los componentes disponíbles?

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.

↑ Regresar a la tabla de contenido ↑

¿Qué propiedades puedo modificar de estos componéntes?

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. 
  
  

Además, cada componente posee un conjunto de propiedades particulares respecto de su función.

↑ Regresar a la tabla de contenido ↑

¿Para qué 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.
  
  

↑ Regresar a la tabla de contenido ↑

¿Para qué 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 dispositivo 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.

↑ Regresar a la tabla de contenido ↑

¿Para qué 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.

↑ Regresar a la tabla de contenido ↑

¿Para qué 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 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.

• 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)

Además, si el formato es INLINE, se incorporaran también las siguientes propiedades:

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

  Ejemplo

  
  

  

↑ Regresar a la tabla de contenido ↑

¿Para qué 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.
  
  

↑ Regresar a la tabla de contenido ↑

¿Para qué 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 usuario haga click/touch sobre el botón, la pieza contabilizara un click y abrirá 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 botón, se abrirá 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 botón, 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, contabilizando interacción bajo las métricas "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 botón, cerrara el creativo haciéndolo desaparecer de la pagina y contabilizando la interacción "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.

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

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Like?

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.

El componente Like posee las siguientes propiedades particulares:

•  Facebook Page: Permite definir la página a la cual se le esta dando Like.  

  Ejemplo

  http://www.facebook.com/eplanning

•  Mostrar fotos:  Si se activa esta opción Standard, se pueden agregar las fotos de aquellos que les gusta la página.
•  Esquema:  Permite definir el estilo del componente entre varios predefinidos.

•  Tipo:  Permite definir distintos tipos de visualización del componente  
  * Standard 
  * Solo Botón
  * Botón y Cantidad
  * Caja y Cantidad

  Ejemplo

  
  

  

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Likebox?

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

El componente Likebox posee las siguientes propiedades particulares:

•  Facebook Page: Mediante esta propiedad se debe definir la página de facebook a mostrar.

  Ejemplo

   http://www.facebook.com/eplanning

•  Mostrar fotos:  Si se activa esta opción Standard, se pueden agregar las fotos de aquellos que les gusta la página.
•  Esquema:  Permite definir el estilo del componente entre varios predefinidos.
•  Mostrar Stream: Al activarse, muestra los últimos posteos del muro del facebook asociado.

•  Fondo: Este atributo permite definir el color de fondo del componente.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Share?

El componente share permite al usuario compartir mediante su facebook la página del anunciante,  ya sea  en su propio muro, en el muro de un amigo, un grupo o un mensaje privado de Facebook hacia a algún contacto.

El componente share posee las propiedades particulares:

• Facebook Page: Este atributo sirve para definir la página a compartir. 

  Ejemplo

   http://www.facebook.com/eplanning

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Seguir?

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

El componente seguir posee las siguientes propiedades particulares:

• Usuario: En esta propiedad se debe definir el nombre del usuario en Twitter al cual deseamos que se siga mediante click en el botón.

  Ejemplo

  eplanningnet

• Seguidores: Si se activa esta propiedad, agrega un recuadro con la cantidad de seguidores actuales de la cuenta al componente.
• Mostrar usuario: Si se activa esta propiedad, agrega el nombre de la cuenta del anunciante al componente.
  
  

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Timeline?

El componente Timeline permite agregar los últimos posteos de Twitter en tiempo real dentro del anuncio.

El componente Timeline posee las siguientes ropiedades particulares:

• Mostrar: El componente timeline realiza busquedas constante sen tiempo real en Twitter. El atributo mostrar permite definir que es lo que se buscara entre las siguientes posibilidades:
   *Tweets de cuenta
   *Hashtag
  *Texto
• Buscar: Esta propiedad permite definir especificamente que buscar en Twitter segun el tipo de busqueda definido en la propiedad Mostrar.
• Esquema:  Permite definir el estilo del compoente entre varios predefinidos.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente WhatsApp?

El componente WatsApp permite agregar un botón para poder enviar un mensaje predefinido a contactos de WhatsApp.

El componente WatsApp posee las siguientes propiedades particulares:

• Valor:  Esta propiedad permite definir el texto a enviar por WhatsApp 
   

  Ejemplo

  Vamos al Personal Fest! https://www.youtube.com/watch?v=lDrJKMZj5RM

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Texto?

El componente Texto permite incorporar texto al anuncio.

El componente texto posee las siguientes propiedades particulares:

• Valor: Esta propiedad permite indicar cual sera el texto a incorporar.
• Fuente: Desde esta propiedad se puede definir la fuente del texto a usar. Las posibles fuentes son Arial, Verdana y Tahoma
• Formato: Esta propiedad permite indicar si se utilizara la fuente con formato normal, o se utilizara el formato Negrita (Bold)
• Estilo:Esta propiedad permite indicar si se utilizara la fuente con estilo normal. o se utilizara el estilo  Italica (Italic)
• Decoración: Esta propiedad permite indicar si se utilizara la fuente sin decoracion, o se utilizara alguna de las siguientes variables:
  *Underline (subrayado)
  *Overline (línea superior)
  *Line through (tachado)

• Color: Esta propiedad permite definir el color de texto a utilizar.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Mapa?

El componente Mapa permite agregar un mapa un google con la dirección y localización del anunciante dentro de la creatividad.

El componente Mapa posee las siguientes propiedades particulares:

•  Ubicación: Esta propiedad sirve para indicar la direccion que se desa buscar en el mapa.
•  Zoom: Permite indicar el nivel de acercamiento que tendra el mapa al mostrarse.  A mayor zoom, se mostrara un area mas pequeña, en mayor tamaño.

•  Tipo de mapa:  Esta propiedad nos permite indicar si deseamos que se muestre el mapa Normal  o en modo Satélite

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Swipe?

El componente Swipe permite agregar una galería de entre 2 y 8 imágenes de formatos JPG, PNG o GIF estáticos, que puede navegarse con los indicadores 'izquierda' 'derecha' o desplazando con el dedo en dispositivos móviles.

El componente Swipe posee las siguiente propiedades particulares:

• Archivo n : Esta propiedad permite indicar la n-esima imagen a cargar a la galerria.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve le componente Wipe?

El componente Wipe permite subir una imagen que debe ser “borrada” por el usuario con el dedo en el caso de pantallas tactiles o arrastrando el click del mouse en otros dispositivos, y da lugar al area de la creatividad que se encontraba cubierta por esta imagen.

El componente Wipe posee las siguientes propiedades particulares:

•  Archivo:  Esta propiedad permite indicar la imagen a subir, que puedede ser de tipo jpg, png o gif estática. La misma puede ser opaca o transparente en algunas zonas.

•  Veces: Esta propiedad permite indicar la cantidad de veces que el usuario debe tocar la pantalla para hacer desaparecer el componente.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Forma?

El componente Forma permite agregar formas geométricas o bordes en los anuncios.

El componente Forma posee las siguientes propiedades particulares:

• Fondo: Esta propiedad permite definir el color interior de la forma.
• Tamaño del borde: Esta propiedad permite indicar el ancho en pixeles que poseera el borde de la forma.
•  Color del borde: Esta propiedad permite definir el color del borde de la forma.
• Estilo del borde: Esta propiedad permite seleccionar entre  una variedad de estilos diferentes de borde predefinidos a aplicar en la forma.

•  Redondeo: Esta propiedad permite definir el nivel de "Redondeo" de los vertices de la forma, haciendo que posea curvas mas suaves o mas afiladas.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Selfie?

El componente selfie permite agregar un area en el banner que al ser tocada con el dedo en pantallas tactiles o hacer click con el mouse desplega al usuario la opcion de cargar una imagen del telefono o sacarse una foto, luego mostrara dicha foto en el area del componente en el anuncio visualizado.
Se puede cargar una imagen default que aparece antes de que el usuario cargue la suya. 

El componente Selfie posee las siguientes propiedades particulares:

• Archivo:  Esta propiedad permite indicar una imagen a subir, que se utilizara como imagen por defecto a mostrar hasta que el usuario cargue la suya.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Tw Card?

El componente Tw Card permite mostrar el ultimo posteo en Twitter que completo que cumpla con determinados criterios de busqueda.

El componente Tw Card posee las siguientes ropiedades particulares:

• Mostrar: El componente Tw Card realiza busquedas constantes en tiempo real en Twitter. El atributo mostrar permite definir que es lo que se buscara entre las siguientes posibilidades:
   *Tweets de cuenta
   *Hashtag
  *Texto
• Buscar: Esta propiedad permite definir especificamente que buscar en Twitter segun el tipo de busqueda definido en la propiedad Mostrar.

• Esquema:  Permite definir el estilo del compoente entre varios predefinidos.

↑ Regresar a la tabla de contenido ↑

¿Para qué sirve el componente Iframe?

El componente Iframe permite cargar contenido externo incorporando un iframe HTML y definiendo su  atributo src  con el origen deseado.

El componente Iframe posee las siguientes popiedades particulares:

• Fondo: Esta propiedad permite definir el color de fondo del espacio ocupado por el iframe. 

  Atención

  La propiedad fondo no modifica el fondo dentro del iframe, sinó detras del mismo. Por tal, en cuanto el iframe cargue contenido, cubrirá este fondo ocultándolo.

• URL: Esta propiedad permite definir la url utilizada en el atributo src del iframe para solicitar el contenido externo.

↑ Regresar a la tabla de contenido ↑

¿Cómo puedo definir el idioma de los componentes de redes sociales?

Desde Ajustes del anuncio (1) se puede seleccionar el idioma con el que deben funcionar los botones sociales (2). 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.

↑ Regresar a la tabla de contenido ↑

Contenido