manual de especificaciones técnicas para creatividades

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




» 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




» 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

http://www.website.com/html-email/images/image.gif

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

http://ascii.cl/es/codigos-html.htm

http://ascii.cl/es/codigos-html.htm

http://i3.campaignmonitor.com/assets/files/css/campaign-monitor-guide-to-css-in-email-sep-2013V2.pdf?ver=2247&_ga=1.87886941.494018958.1398672651



» 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



Banner corporativo half-page personalizado




» Un copy máx 140 caracteres



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



Banner corporativo Half Page



» Una imagen (propia o con licencia) relacionada con la campaña


» Un copy más 140 caracteres



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


» Tiempo de contratación: CPM (mín. 250.000 impresiones)

Banner corporativo Half Page


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


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


» 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

http://www.masterdlabs.es/como-utilizar-el-parametro-clicktag-en-google-adwords/

manual de especificaciones técnicas para creatividades

Documents