Manual de Especificaciones Técnicas para Creatividades
índice Creatividades Móvil Creatividades Web Sites y Mini-Sites Brand Day/Skin Page……………………………. Display Banner Resultados de Búsqueda……… Banner Home…………………………….. Banner Menú privado de candidatos…... Banner Confirmación inscripción ofertas Doble impacto……………………………. Banner Cierre de sesión………………… Banner Alerta de empleo (Push)……..... Cupón Integrado…………………………………. Campañas e-mailing Mailing E-mailing personalizado………………… E-mailing ofertas…………………………. Creatividades Móvil Logo web…………………………………………. Logo móvil……………………………………….. Banner Half-page……………………………… Banner Half-page personalizado………………. Intersticial………………………………………… Half-page + Intersticial………………………….. Sites y Mini-Sites Presentación Corporativa /Campaign Site……. Web Corporativa…………………………………. ANEXO…………………………………………......... p.4 p.6 p.7 p.8 p.9 p.10 p.11 p.16 p.18 p.19 p.20 p.21 p.22 p.24 p.25 p.26 p.13 p.15
Creatividades Web
Brand Day / Skin Page a b El Brand Day home o patrocinio de la home es el nombre comercial del producto, consiste en el patrocinio en exclusividad de la home durante un día en todos los formatos (980x90 0 980x250 y 300x600). Para su correcta aplicación se aconseja seguir una serie de indicaciones: El texto del mensaje ha de ser corto, claro y llevar el mensaje en la parte arriba tanto la derecha. La creatividad debe contrastar con el contenido de Infojobs.net evitando así, confundir al usuario. Coherencia gráfica arriba y la derecha.
2. Display 2.1 Banner Resultado de Búsquedas y Ficha Oferta Descripción: Visibilidad segmentada en las páginas de Infojobs en función de si es resultado de búsqueda, perfil o keyword. Tamaño: 970x90 / 300x600px Formato: swf/jpg/gif (En caso de ser flash seguir las directrices en el anexo: Cómo implementar ClickTAG) Peso: máx 50kb
Banner Menú privado de candidatos Descripción: Banner central en las diferentes páginas del Menú del Candidato. Tamaño: 728x90px y 950x90px Formato: swf/jpg/gif (En caso de ser flash seguir las directrices en el anexo: Cómo implementar ClickTAG) Peso: máx 30kb 2.3 Banner Confirmación inscripción oferta Descripción: Banner central en la página de Confirmación de inscripción a ofertas de Infojobs.net Tamaño: 728x90px Formato: swf/jpg/gif (En caso de ser flash seguir las directrices en el anexo: Cómo implementar ClickTAG) Peso: máx 30kb Banner Menú privado de candidatos
Banner cierre de sesión Descripción: Banners en la página de cierre de sesión del menú privado de candidatos. Tamaño: 950 x 300px / Intersticial Formato: Gif, Flash, Html. No superar en conjunto, los 100kb. Banner cierre de sesión
2.5 Banner Alerta de empleo (Push) Descripción: Banner superior en las alertas de empleo (push) enviadas a los candidatos en Infojobs.net Tamaño: 728x90px Formato: jpg/gif Peso: máx 30kb
Campañas e-mailing
4. E-mailing 4.1 E-mailing personalizado Descripción: Envío personalizado de un e-mailing a los candidatos target de Infojobs.net con oferta de formación específica. Se integra la creatividad HTML dentro de la plantilla de Infojobs. Tamaño: máx 600px de ancho Formato: html Requisitos específicos para la maquetación Usar las etiquetas <table> y no <div>. Cada vez que se inicia una tabla tendrá que especificarse width=“x” cellpadding=“0” cellspacing=“0” border=“0” Las imágenes deben en formato.jpg o .gif y especificando tamaños y bordes en cada etiqueta. Los objetos dinámicos no son soportados por los servidores. Las imágenes no pueden ser imágenes de fondo. Todas las imágenes deben llevar atributo CSS display:block. Ejemplo: <img src=http://www.website.com/html-email/images/image.gif border=“0” width=“x” height=“x” style=“display:block”> Los estilos CSS deben ser en línea, no en el <head> No usar imágenes de fondo o hacer del todo el mailing una sola imagen. No obstante, no es recomendable, si no se cargan las imágenes el usuario no verá nada. Mailing imagen + texto
Mailing imagen (todo el contenido es clickable) No Javascript, no CSS shorthands Codificación del texto charset=iso-8859-1 y por lo tanto todas las palabras que precisen acentos, eñes e interrogantes o exclamaciones han de estar codificadas en HTML. Por ejemplo: á=á (http://ascii.cl/es/codigos-html.htm) Evitar el uso de colspans, rowspan y emplear moderademente márgenes y paddings. Evitar etiquetas h1, h2… Los atributos de anchura y altura sólo deben llevar valores numérico, no porcentajes. Comprobar la visualización de la creatividad en diferentes navegadores. Es recomendable que las imágenes (en el caso que las tenga) de la creatividad estén subidas a un servidor FTP y que el archivo se envíe como fichero HTML. De no ser así, la creatividad se entregará en un fichero adjunto (.zip o .rar) donde deberá tener una carpeta llamada imágenes en la que se ubicarán todos los archivos gráficos de la creatividad (.jpg o .gif). Los recursos gráficos de la creatividad deberán hacer referencia relativa a los elementos ubicados en la carpeta imágenes. Para más información sobre incompatibilidad de algunos atributos CSS: http://i3.campaignmonitor.com/assets/files/css/campaign-monitor-guide-to-css-in-email-sep-2013V2.pdf?ver=2247&_ga=1.87886941.494018958.1398672651 Mailing imagen (todo el contenido es clickable)
4.2 E-mailing oferta Mailing oferta Descripción: Envío exclusivo con la oferta a candidatos (máximo 2.500) previamente seleccionados que cumplen con las cualificaciones que buscas. Tamaño: 600px ancho Formato: html Mailing oferta
5. Logo Web Logo premium Logo Home Servicio basado en el concepto botonera situado en la home de Infojobs/ Infojobs Premium o en la zona central de la página de resultado. Tamaño: 90x50px Formato: jpg/gif/png Peso máximo: 2kb Logo premium Logo Home
Creatividades Móvil
6. Logo Móvil a App iPhone App Android Web móvil Desde 26 de junio 2012 App Android Desde 29 de noviembre 2012 Web móvil Desde 20 de enero 2013 Descripción: Logo corporativo con máxima visibilidad en todos los soportes para móvil (Iphone, Android y web móvil) Tamaño: 282 x 145px Formato: gif/jpg/png Peso máximo: 10kb
Banner corporativo half-page 7. Banner half-page Descripción: Banner de media página en la pantalla de resultados de búsqueda. Tamaño: aprox. media pantalla Formato: PHP Diseño: Utilizando los colores corporativos de la campaña Plataformas: Web Móvil y App Android No se admite flash Requisitos a solicitar por el comercial: El logo de la campaña (a ser posible, buena resolución) Un título máx 50 caracteres Un copy máx 140 caracteres Opcional, un texto para el botón (si es “ver oferta” o prefiere otro) URL de destino del botón. Banner corporativo half-page
Banner corporativo half-page personalizado 8. Banner half-page (personalizado) Descripción: Banner de media página en la pantalla de resultados de búsqueda. Tamaño: aprox. media pantalla Formato: JPG Diseño: Utilizando los colores corporativos de la campaña Plataformas: Web Móvil y App Android No se admite flash Requisitos a solicitar por el comercial: El logo de la campaña (a ser posible, buena resolución) Un título máx 50 caracteres Un copy máx 140 caracteres Opcional, un texto para el botón (si es “ver oferta” o prefiere otro) URL de destino del botón. Banner corporativo half-page personalizado
Banner corporativo Half Page 9. Intersticial Descripción: Full intersticial en la Home (pantalla de buscador) o en la pantalla de resultados de búsqueda. Tamaño: Pantalla completa Formato: HTML5 Plataformas: Web Móvil y App Android No se admite flash Requisitos a solicitar por el comercial: El logo de la campaña (a ser posible, buena resolución) Una imagen (propia o con licencia) relacionada con la campaña Un título máx 50 caracteres Un copy más 140 caracteres Opcional, un texto para el botón (si es “ver oferta” o prefiere otro) URL de destino del botón. Banner corporativo Half Page
Banner corporativo Half Page 10. Half Page + Intersticial Descripción: Servicio que combina dos formatos: Half Page banner + Intersiticial. Ejemplo: Pre-formulario y formulario. Tamaño: Pantalla completa Formato: HTML5 Plataformas: Web Móvil y App Android Tiempo de contratación: CPM (mín. 250.000 impresiones) Requisitos a solicitar por el comercial: El logo de la campaña (a ser posible, buena resolución y en formato .png/.psd) Una o un par de imágenes (propias o con licencia) relacionada con la campaña Un título máx 50 caracteres para cada formato Un copy más 140 caracteres para cada formato Un texto para los botones. Ejemplo: “más info”, “enviar”, etc Banner corporativo Half Page
Sites y mini-sites
11. Presentación corporativa / Campaign Site Descripción: Espacio exclusivo para acercar al candidato a la filosofía de la empresa. Una página dentro Infojobs.net con descripción detallada de la empresa. Incluye un listado de ofertas, mantenimiento y hosting anual en Infojobs. Se accede desde nombre de empresa en ofertas. Opcionalmente también se puede acceder desde logos o banners en Infojobs y adaptación responsive para visualización móvil. Tiempo de contratación: Anual Tiempo de propuesta gráfica: 5 días Tiempo de entrega luego de la aprobación: 5 días Incluye hasta 4 cambios anuales de imágenes y/o texto. Requisitos a solicitar por el comercial: Logo de la campaña/cliente con buena resolución y en formato .png/.psd/.eps Imágenes (propias o con licencia) relacionadas con la campaña y con buena resolución Copy para el contenido
12. Web corporativa Requisitos a solicitar por el comercial: Descripción: Sitio web corporativo integrado en Infojobs con alta visibilidad. Site con hasta 7 páginas sobre la empresa que incluye menú de navegación dentro del site. Se puede acceder a través del nombre de empresa a las ofertas. Opcionalmente también se puede acceder desde logos o banners en Infojobs y adaptación responsive. Tiempo de contratación: Anual Tiempo de propuesta gráfica: 5 días Tiempo de entrega luego de la aprobación: 5 días Incluye hasta 4 cambios anuales de imágenes y/o texto. Requisitos a solicitar por el comercial: Logo de la campaña/cliente con buena resolución y en formato .png/.psd/.eps Imágenes (propias o con licencia) relacionadas con la campaña y con buena resolución Copy para el contenido
Tutorial “Cómo implementar clickTAG a un banner” ANEXO Tutorial “Cómo implementar clickTAG a un banner”
PASO 1 Si se trabaja con formato flash, es necesario implementar una variable llamada clickTAG que sirve básicamente para que los Adservers (tanto de soporte como los de anunciante) contabilicen clicks y vean la efectividad de la campaña display. Primero, asegúrate de estar trabajando con Action Script 2.0 ya que las versiones posteriores dan problemas con las acciones.
PASO 2 En el primer paso creamos una capa nueva a la que llamamos “clickTAG” donde creamos a su vez un rectángulo sin importar tamaño y color.
PASO 3 Con el rectángulo seleccionado, nos vamos al panel de propiedades y en la paleta de colores ponemos el valor de alpha a 0% tanto con el color de relleno como de borde y así hacemos transparente nuestro objeto. También modificamos el tamaño de nuestro objeto y le damos los mismo valores de alto y ancho del banner alineándolo con el centro del espacio de trabajo. Nos aseguramos en todo momento que estamos trabajando en la capa clickTAG.
PASO 4 Click derecho en nuestro rectángulo transparente y seleccionamos “Convertir en símbolo”
PASO 5 Seleccionar botón y asignar clickTAG como nombre clickTAG
PASO 6 Con el botón seleccionado, click derecho sobre el rectángulo, que ahora es un botón, seleccionar “Acciones”
PASO 7 Escribir el siguiente código: on (release) { if (clickTAG.substr(0, 5) == "http:") { getURL(clickTAG, "_blank"); }
PASO FINAL Exportar el archivo como flash. Para más información: http://www.masterdlabs.es/como-utilizar-el-parametro-clicktag-en-google-adwords/