html5 standard google web designercreative-weborama.com/specs/gwdtutorial.pdf · html5 standard...
TRANSCRIPT
WEBORAMA IBÉRICA S.L. CIF: B-84422401 Manuel Tovar, 25 4ª PLANTA. 28034 MADRID
(T) 91 523 33 30 (F) 91 523 33 31 Página 1
HTML5 Standard Google Web Designer
NOTA: Este tutorial solo aplica para formatos standard HTML5, si se van a desarrollar piezas Rich Media [Expandibles, pushdown, piezas con vídeo, etc] tienen que desarrollarse con plantillas proporcionadas por el equipo de support weborama.
1. Crear archivo nuevo
WEBORAMA IBÉRICA S.L. CIF: B-84422401 Manuel Tovar, 25 4ª PLANTA. 28034 MADRID
(T) 91 523 33 30 (F) 91 523 33 31 Página 2
2. Entorno
Seleccionar Banner y en entorno como Anuncio que no es de Google IMPORTANTE: Debes seleccionar el Entorno como Anuncio que no es de Google para que no existan llamadas a librerías erróneas.
WEBORAMA IBÉRICA S.L. CIF: B-84422401 Manuel Tovar, 25 4ª PLANTA. 28034 MADRID
(T) 91 523 33 30 (F) 91 523 33 31 Página 3
3. Animar
Trabajar solo en la animación de la creatividad, IMPORTANTE: En este paso no debes incluir bajo ningún concepto ningún click de redireccionamiento ya que la pieza se hará clickable más adelante cuando incluyamos nuestro script.
4. Publicación Publicar seleccionando la opción de local
4.1 Output
Se creará un archivo .zip que al descomprimirlo tendras algo muy similar a la siguiente imagen el html y todos sus assets a nivel de raíz sin estructura de carpetas. En este punto nuestra pieza ya estará correctamente animada pero no es clickable aún.
WEBORAMA IBÉRICA S.L. CIF: B-84422401 Manuel Tovar, 25 4ª PLANTA. 28034 MADRID
(T) 91 523 33 30 (F) 91 523 33 31 Página 4
5. Script weborama El siguiente paso será incluir nuestro click de implementación que encontrarás en http://creative-weborama.com/html5/#gwd IMPORTANTE: Recuerda cambiar el tamaño de los metadatos según el formato de tu pieza.
El script debe incluir justo al abrirse el tag <head>
WEBORAMA IBÉRICA S.L. CIF: B-84422401 Manuel Tovar, 25 4ª PLANTA. 28034 MADRID
(T) 91 523 33 30 (F) 91 523 33 31 Página 5
7. Taxonomía script weborama
8. Backup image
Recuerda incluir una imagen de sustitución siempre para cada formato, y llamarlo con un nombre distintivo. Por ejemplo: backup_image.jpg sustitucion_gif