SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

27
Bayard Media Développement, Rapprochons nos marques SPÉCIFICITÉS TECHNIQUES GÉNÉRALES DESKTOP |TABLETTE | MOBILE JANVIER 2019

Transcript of SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Page 1: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

D E S K T O P | T A B L E T T E | M O B I L E

JANVIER 2019

Page 2: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SOMMAIRE

1/ Formats standards Généralités

Dimensions

Exemples formats desktop

Exemples formats mobile

2/ HabillagesLa Croix

Croire

Notre Temps

Notre Famille

3/ Pavé Vidéo

4/ NewslettersSponsoring La Croix

Sponsoring Notre Temps

Format Publi

Format Bannière

Format VIP

Sponsoring Notre Famille

Format Publi

Format Bannière

Format VIP

3

4

5

6

7

22

9

10

11

12

13

15

17

18

19

20

21

23

24

25

26

Page 3: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

F O R M A T S S T A N D A R D S

V i n c e n t D ’ A G U A N N OR e s p o n s a b l e T r a f f i c M a n a g e r

V i n c e n t . d - a g u a n n o @ b a y a r d m e d i a . f r01 74 31 59 86

C O N TA C T

Page 4: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

o Attention, les livrables doivent impérativement être envoyés 5 jours avant la mise en ligne

de la campagne.

o Consignes pour le HTML5 classique :

Si vous uploadez votre fichier dans votre Adserver, vous fournissez un redirect

Si vous hébergez le fichier vidéo sur un serveur externe, vous fournissez le fichier ZIP

HTML5 modifié ( qui pointe vers la vidéo).

Si vous fournissez un fichier, il devra être < 1méga.

o Le HTML5 doit impérativement être compatible aux spécifications de DFP :

https://support.google.com/dfp_premium/answer/7046799?hl=fr

GÉNÉRALITÉS

Page 5: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

FORMATS STANDARDSFormats Site

Fichiers ET poids

(au choix)URL

Consignes pour

le HTML5 classique :

DESKTOP

Bannières

Mega Masthead :

1140 x 250NotreTemps + La-Croix

jpg / gif

Poids max : 150 ko

HTML5

Poids max : 200 ko

Redirect

simple ou trackée

Tracking clics : Clic Command

Tracking Impressions : Pixel

impression

(HTTPS impérativement)

Si vous uploadez votre

fichier dans votre Adserver,

vous fournissez un redirect

Si vous hébergez le fichier

vidéo sur un serveur

externe, vous fournissez le

fichier ZIP HTML5 modifié (

qui pointe vers la vidéo).

Si vous fournissez un fichier,

il devra être < 1méga.

Le HTML5 doit

impérativement être

compatible aux

spécifications de DFP :

https://support.google.co

m/dfp_premium/answer/70

46799?hl=fr

Billboard : 1000 x 250NotreTemps + LaCroix +

NotreFamille

Gigaban : 1000 x 90

Tous les sites

Masthead : 970 x 250

Megaban : 728 x 90

Pavé 300 x 250

Grand Angle 300 x 600

Interstitiel 800 x 600Format : gif ou jpeg, 150 ko max trackings acceptés (10

sec max – et disparition si pas d’interaction )

MOBILE

Bannière 320 x 50

Tous les sites

jpg / gif

Poids max : 100 ko

HTML5

Poids max : 100 ko

simple ou trackée

Tracking clic : Clic Command

Tracking Impressions : Pixel

impression

HTTPS impérativementPavé 300 x 250

Interstitiel

416 x 320 (paysage) Format : gif ou jpeg, 100 ko max trackings acceptés (10

sec max – et disparition si pas d’interaction )

320 x 416 (portrait)

TABLETTE

Bannière 728 x 90

Tous les sites

jpg / gif

Poids max : 100 ko

HTML5

Poids max : 100 ko

simple ou trackée

Tracking clic : Clic Command

Tracking Impressions : Pixel

impression

HTTPS impérativement

Pavé 300 x 250

Grand Angle 300 x 600

Interstitiel600 x 768 (paysages)

Format : gif ou jpeg, 100 ko max trackings acceptés (10

sec max – et disparition si pas d’interaction )768 x 600 (portrait)

Autres formats nous consulter

Page 6: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

EXEMPLES DE FORMATS DESKTOP

Bannière 728 x 90Masthead970 x 250

Pavé300 x 250

Pavé300 x 250

Bannière 728 x 90

Grand

-angle

300 x 600

Page 7: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

Galaxy S5. Résolution 360 x 640

Iphone 5 Résolution 320 x 640

Tablette IpadRésolution 1024 x 1366

EXEMPLES DE FORMATS MOBILE

Bannière 320 X 50

Pavé 300 X 250

Bannière 728 x 90

Samsung Galaxy 6

Interstitiel 320x416 (portrait)

Bannière 320 X 50

Page 8: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

H A B I L L A G E S

V i n c e n t D ’ A G U A N N OR e s p o n s a b l e T r a f f i c M a n a g e r

V i n c e n t . d - a g u a n n o @ b a y a r d m e d i a . f r01 74 31 59 86

C O N T A C T

Page 9: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

HABILLAGES DESKTOP

1 6 0 0 x 1 0 0 0 1 7 0 0 x 1 2 0 0 1 8 0 0 x 1 2 0 0

D é t a i l s d u f o r m a t D é t a i l s d u f o r m a t D é t a i l s d u f o r m a t

1 8 0 0 x 1 2 0 0

D é t a i l s d u f o r m a t

Page 10: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

Format : jpg

Poids max : 200 ko

Url : simple ou trackée.

Tracking : pixel ou redirectHTTPS impérativement.

Tailles (pxl) : 1600x1000 uniquement sur Desktop

1 / Image de Fond : L'image peut finir en dégradé sur une couleur unie (blanc par ex).

La largeur du site est de 1140 pixels, ne pas mettre d'informations dans cette largeur

2 / Zone de colonne droite et gauche (230 px chacune)

3 / Zone "sur Header" : La hauteur de cette zone est extensible jusqu'à 150 pixels et abaisse le site d'autant.

4 / Header : Il est possible de rajouter la couleur de fond du header au-delà de la zone des colonnes de droite et gauche,

mais également au niveau de la hauteur de celles-ci.

5 / Privilégier au maximum la zone utile pour “petits écrans” pour l’intégration des éléments importants de la créa (logo,

wording, images, etc.). Les gouttières sont susceptible d’être coupées sur petits écrans.

Dimensions globales : 1600x1000 px

Hauteur Header : 150 px

Largeur colonne :

230 px

Largeur colonne :

230 pxEspace central réservé au site :

1140 px

150 px

HABILLAGE LA CROIX

Page 11: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

Format : jpg

Poids max : 150 ko

Url : simple ou trackée.Tracking : pixel ou redirect HTTPS impérativement.

Tailles (pxl) : 1770 x 1200 uniquement sur Desktop

1 / Zone de colonne droite et gauche (300 px chacune)

2 / Zone "sur Header" : La hauteur de cette zone est extensible jusqu'à 150 pixels et abaisse le site d'autant.

3 / Header : Il est possible de rajouter la couleur de fond du header au-delà de la zone des colonnes de droite et gauche,

mais également au niveau de la hauteur de celles-ci

Dimensions globales : 1700x1200 px

Hauteur Header : 150 px

Largeur colonne :

300 px

Largeur colonne :

300 px

150 px

HABILLAGE CROIRE

Page 12: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

Format : jpg

Poids max : 200 ko

Url : simple ou trackée.Tracking : pixel ou redirect HTTPS impérativement.

Tailles (pxl) : 1800x1200 uniquement sur Desktop

1 / Image de Fond : L'image doit finir en dégradé sur une couleur unie (blanc par ex) en bas de la créa.

2 / Les éléments importants (logo, wording, etc.) risquent d’être coupés en dehors des zones utiles (l’image de background

peut néanmoins déborder)

3 / Zone "sur Header" (haut d’habillage) : Les éléments importants ne doivent pas dépasser les 250 px de hauteur.

4 / Le site se calera au milieu de la créa occupant 1140 px de large. Veiller à ce que les éléments en gouttières se situent bien

à au moins 570 px sur les côtés en partant du centre.

1200 px

1800 px

HABILLAGE NOTRETEMPS

Zone Utile petits écrans : 1440 px250 px

150 px 150 px

Zo

ne

Utile

pe

tits

éc

ran

s

Zo

ne

Utile

pe

tits

éc

ran

s

Site : 1140 px

Page 13: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

Format : jpg

Poids max : 200 ko

Url : simple ou trackée.Tracking : pixel ou redirect HTTPS impérativement.

Tailles (pxl) : 1800x1200 uniquement sur Desktop

1 / Image de Fond : L'image doit finir en dégradé sur une couleur unie (blanc par ex) en bas de la créa.

2 / Les éléments importants (logo, wording, etc.) risquent d’être coupés en dehors des zones utiles (l’image de background

peut néanmoins déborder)

3 / Zone "sur Header" (haut d’habillage) : Les éléments importants ne doivent pas dépasser les 250 px de hauteur.

4 / Le site se calera au milieu de la créa occupant 1060 px de large. Veiller à ce que les éléments en gouttières se situent bien

à au moins 530 px sur les côtés en partant du centre.

HABILLAGE NOTREFAMILLE

1200 px

1800 px

Zone Utile petits écrans : 1360 px250 px

150 px 150 px

Zo

ne

Utile

pe

tits

éc

ran

s

Zo

ne

Utile

pe

tits

éc

ran

s

Site : 1060 px

Page 14: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

Format : jpg

Poids max : 200 ko

Url : simple ou trackée.Tracking : pixel ou redirect HTTPS impérativement.

Tailles (pxl) : 1800x1200 uniquement sur Desktop

1 / Image de Fond : L'image doit finir en dégradé sur une couleur unie (blanc par ex) en bas de la créa.

2 / Les éléments importants (logo, wording, etc.) risquent d’être coupés en dehors des zones utiles (l’image de background

peut néanmoins déborder)

3 / Zone "sur Header" (haut d’habillage) : Les éléments importants ne doivent pas dépasser les 250 px de hauteur.

4 / Le site se calera au milieu de la créa occupant 1000 px de large. Veiller à ce que les éléments en gouttières se situent bien

à au moins 500 px sur les côtés en partant du centre.

HABILLAGE ENFANT.com

1200 px

1800 px

Zone Utile petits écrans : 1300 px250 px

150 px 150 px

Zo

ne

Utile

pe

tits

éc

ran

s

Zo

ne

Utile

pe

tits

éc

ran

s

Site : 1000 px

Page 15: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

V I D É O

V i n c e n t D ’ A G U A N N OR e s p o n s a b l e T r a f f i c M a n a g e r

V i n c e n t . d - a g u a n n o @ b a y a r d m e d i a . f r01 74 31 59 86

C O N T A C T

Page 16: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

PAVÉ VIDÉO

Format : 300 x 250 redirect ou MP4

SI FORMAT MP4 :

Poids Max MP4 : 5 Mo

Taille : 16:9

Url : simple ou trackée

Titre : 40 caractères max

Son « off » obligatoire

1 / Activation du son au clic

2 / Fournir un titre de 40 caractères max3 / Fournir le logo de l’annonceur ainsi qu’un wording call to action (exemple : cliquez ici, voir le site, etc.)4 / Fournir un jpeg de backup

PREVIEW : https://www.la-croix.com/?google_preview=0DnzoG3l8YsYx8S44QUwx-Dt6AWIAYCAgKC7kO_xZQ&iu=191403088&gdfp_req=1&lineItemId=4897180240&creativeId=138255147721

Page 17: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

N E W S L E T T E R S

A b i r é S O G O Y O UR e s p o n s a b l e p r o j e t D i g i t a l

A b i r e . s o g o y o u @ b a y a r d m e d i a . f r01 74 31 65 00

C O N T A C T

Page 18: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

NEWSLETTERS

D é t a i l s d u f o r m a t D é t a i l s d e s f o r m a t s D é t a i l s d e s f o r m a t s

GENERIQUE mardi, vendredi, dimanche 7H

SANTE jeudi 7H

JEUX 1x par mois 7H

BEST OF 1x par mois 7H

FAMILISCOPE NATIONAL mercredi 7H

FAMILISCOPE PARIS mercredi 7H

MAMAN vendredi 7H

PARENTS & ENFANTS mardi 17h-19h

JOURNAL 6j/sem 20H

RELIGION 6j/sem 6H

L'EDITION DE 12H 5J/sem 12h

L'EDITION DE 19H 5J/sem 19h

Page 19: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER LA CROIX

Format : Jpg, gif (animé)

Poids max : 50 ko maximum

Tailles : 600x150

Résolution : 72 dpi

Url : Vous devez nous fournir un lien de redirection (ex : page de votre site internet), dans un fichier à part (ne pas l’intégrer dans votre visuel.)

DEADLINE : 10 jours avant la mise en ligne de la campagne.Passé ce délai, nous décalerons la date de parution

Page 20: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE TEMPS3 FORMATS ET 3 POSITIONS POSSIBLES

PUBLI BANNIÈRE VIP (événementiel)

D é t a i l s d u f o r m a t D é t a i l s d u f o r m a t D é t a i l s d u f o r m a t

Page 21: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE TEMPSFORMAT PUBLI (3 positions possibles)

Un titre : 75 caractères maxi (espace compris)

Une accroche : 200 caractères max (espaces compris)

Url : lien de redirection redirigeant vers votre site

Texte URL : le texte du lien, 55 caractères max (espaces compris)

Image : Format 700x525- fichier jpg/gif

Poids : 72 dpi – 50 ko

A NOTER : Pas de signe €, il faudra désormais écrire « euros » en toutes lettrePas de « œ » attaché comme dans cœur, séparer les 2 lettres « oe »

DEADLINE : 1 semaine avant la mise en ligne de la campagne.Passé ce délai, nous décalerons la date de parution

Page 22: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE TEMPSFORMAT BANNIÈRE (3 positions possibles)

Format : Jpg ou gif (animé)

Poids max : 70 ko maximum

Tailles : 600 x 170 pixel

Résolution : 72 dpi

Url : un lien de redirection redirigeant vers votre site (ne pas l’intégrer dans le

visuel)

DEADLINE : 1 semaine avant la mise en ligne de la campagne.Passé ce délai, nous décalerons la date de parution

Page 23: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE TEMPSFORMAT VIP / EVENEMENTIEL

Format : Jpg, gif (animé)

Poids max : 70 ko maximum

Tailles : 700 x 460

Résolution : 72 dpi

Url : un lien de redirection redirigeant vers votre site (ne pas l’intégrer dans le visuel)

DEADLINE : 1 semaine avant la mise en ligne de la campagne.Passé ce délai, nous décalerons la date de parution

Page 24: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE FAMILLE3 FORMATS POSSIBLES

PUBLI BANNIÈRE VIP (SLIDER)

D é t a i l s d u f o r m a t D é t a i l s d u f o r m a t D é t a i l s d u f o r m a t

Page 25: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE FAMILLEFORMAT PUBLI

PUBLI

D é t a i l s d u f o r m a t

Titre : entre 25 et 50 caractères

Texte : max 215 caractères

Texte url : max 35 caractères

Image : de bonne qualité 600 de large mini et 350 de haut et pas trop lourde (50 ko)

DEADLINE : 1 semaine avant la mise en ligne de la campagne.Passé ce délai, nous décalerons la date de parution

Page 26: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE FAMILLEFORMAT BANNIÈRE

BANNIÈRE

D é t a i l s d u f o r m a t

Format : Jpg ou gif (animé)

Poids max : 70 ko maximum

Tailles : 694 x 150 pixel

Résolution : 72 dpi

Url : un lien de redirection redirigeant vers votre site (ne pas l’intégrer dans le

visuel)

DEADLINE : 1 semaine avant la mise en ligne de la campagne.Passé ce délai, nous décalerons la date de parution

Page 27: SPÉCIFICITÉS TECHNIQUES GÉNÉRALES

Bayard Media Développement, Rapprochons nos marques

SPONSORING NEWSLETTER NOTRE FAMILLEFORMAT VIP

VIP (SLIDER)

D é t a i l s d u f o r m a t

Titre : entre 25 et 40 caractères

Texte : entre 200 et 300 caractères

Texte url : entre 20 et 50 caractères

Image : 1000 x 700 px

Poids max : 250 ko max

DEADLINE : 1 semaine avant la mise en ligne de la campagne.Passé ce délai, nous décalerons la date de parution