Branding HTML5

Date Generale
Dimensiune branding din 3 bannere (intreg): 1240 x 600 px

Dimensiune banner top: 1000 x 120 px
Dimensiune bannere laterale: 120 x 600 px

Dimensiune interior gol: 1000 x 480 px

Format branding: *HTML

Descarca model
Storyboard
1) Se uploadeaza arhiva ex:
banner.zip in DFP pe template-ul HTML5

2) Cele 3 bannere fiind incapsulate in taguri canvas sau in div-uri, DFP-ul va scoate automat cele doua laterale (si toate elementele care au pozitie absoluta sau fixa) din iframe si le va pozitiona relativ la coltul din stanga, respectiv dreapta sus al iframe-ului.

3) La final sunt adaugate zonele de click.
Conditii tehnice
Format & standarde
Brandingul este este compus din 3 componente: banner top, banner lateral dreapta, banner lateral stanga.
Toate animatiile / componente grafice vor fi exportate ca un singur fisier HTML5, urmand a fi integrat in DFP.

Standarde de codare
Branding-ul trebuie sa fie compus din 3 zone canvas
sau 3 div-uri. Cele doua laterale trebuie pozitionate absolut fata de cea centrala.

Toate clasele si functiile continute in fisierul sursa si in cele auxiliare trebuie sa fie definite cat mai clar si nu se pot dubla in alte creatii (a se evita folosirea claselor/id-urile care pot interfera cu clase/id-uri deja existe, ex:"container", "header", "slider" etc).

Fisiere auxiliare in branding
Referintele la toate fisierele, fie ca sunt imagini, scripturi js, css-uri, trebuie sa se afle in codul html al bannerului.