Manual de Especificaciones Técnicaspara Creatividades
índice
Creatividades Web
1. Brand Day/Skin Page…………………………….
2. 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)…….....
3. Cupón Integrado………………………………….
Campañas e-mailing
4. Mailing
» E-mailing personalizado…………………
» E-mailing ofertas………………………….
Creatividades Móvil
5.Logo
web………………………………………….
6.Logo
móvil………………………………………..
7.Banner Half-
page………………………………
8.Banner Half-page
personalizado……………….
9.Intersticial………………………………………
…
10.Half-page +
Intersticial…………………………..
Sites y Mini-Sites
11. Presentación Corporativa /Campaign Site…….
12.Web Corporativa………………………………….
ANEXO………………………………………….........
p.4
p.6
p.6
p.7
p.7
p.8
p.9
p.10
p.11
p.13
p.15
p.16
p.18
p.19
p.20
p.21
p.22
p.24
p.25
p.26
Creatividades Web
4
1. Brand Day / Skin Page
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.
a b
6
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
7
2.2 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
9
2.4 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
10
Campañas e-mailing
4. E-mailing
» 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
4.1 E-mailing personalizado
13
» 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-c
ss-in-email-sep-2013V2.pdf?ver=2247&_
ga=1.87886941.494018958.139867265114
Mailing imagen (todo el contenido es clickable)
» 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
4.2 E-mailing oferta
15
» 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
5. Logo Web
Logo premium
Logo Home
16
Creatividades Móvil
6. Logo Móvil
a
App iPhoneDesde 26 de junio 2012
App AndroidDesde 29 de noviembre 2012
Web móvilDesde 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
18
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
Banner corporativo half-page
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.
19
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
Banner corporativo half-page personalizado
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.
19
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
Banner corporativo Half Page
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.
20
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)
Banner corporativo Half Page
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
21
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
23
12. Web corporativa» 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
24
ANEXO
Tutorial “Cómo implementar clickTAG a un banner”
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 1
26
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 2
27
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 3
28
Click derecho en nuestro rectángulo transparente y seleccionamos “Convertir en símbolo”
PASO 4
29
Seleccionar botón y asignar clickTAG como nombre
PASO 5
clickTAG
30
Con el botón seleccionado, click derecho sobre el rectángulo, que ahora es un botón, seleccionar “Acciones”
PASO 6
31
Escribir el siguiente código:on (release) { if (clickTAG.substr(0, 5) == "http:") { getURL(clickTAG, "_blank"); }}
PASO 7
32
Exportar el archivo como flash.Para más información: http://www.masterdlabs.es/como-utilizar-el-parametro-clicktag-en-google-adwords/
PASO FINAL
33
Top Related