SPECIFICATIONS TECHNIQUES DIGITALES 2022
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
SPECIFICATIONS TECHNIQUES DIGITALES 2022
SOMMAIRE Généralités page 1 Spécificités techniques display / Dimensions page 2 Spécificités techniques display / Pavé - Grand angle page 3 Spécificités techniques display / Bannières Mégabannières page 4 Spécificités techniques display / Cover page 5 Spécificités techniques display / Native page 6 Spécificités techniques / Formats vidéo page 7 Spécificités techniques display / Habillage page 8 Spécificités techniques display / Formats mobile et tablette page 10 Spécificités techniques / Newsletters et Emailing page 11 Spécificités techniques display / Intégration HTML5 page 12
SOMMAIRE Spécificités techniques display / Les formats (advisor, carrousel, question) page 14 Spécificités techniques / Retroplanning - Emailing dédié performance créa par nos équipes page 20 Spécificités techniques / Éléments attendus - Emailing dédié performance créa par nos équipes page 21 Spécificités techniques / Création emailing dédié par le client - performance page 22 Spécificités techniques / Rétroplanning & éléments attendus – insertion NL Performance page 27 Spécificités techniques / Amplification social – généralités FB & IG page 28 Spécificités techniques / Amplification social – généralités Linkedin page 29 Spécificités techniques / Social Retargeting– généralités page 30 Contacts page 31
SPECIFICATIONS TECHNIQUES / GENERALITES
GENERALITES
ADSERVER RÉGIE UTILISÉ APPLICATIF : APPNEXUS
ADSERVER RÉGIE UTILISÉ DISPLAY/VIDEO : DFP
Délai de réception des éléments techniques classiques :
4 jours ouvrés avant le lancement de la campagne
Délai de réception des éléments techniques Cover :
7 jours ouvrés avant le lancement
/!\ Vos redirects, pixel d’impression, click tracking et toutes vos créas hébergées en dehors de chez nous, doivent avoir une url sécurisée « HTTPS ».
Règles sur les environnements non consentis :
Fournir systématiquement au moins un jeu de créa sans tracking pour les exclus et sponsoring de dossier (à défaut les estimations de
volume ne seront pas ni garanties, ni compensées)
1
SPECIFICATIONS TECHNIQUES DISPLAY / DIMENSIONS
DESKTOP WEB MOBILE WEB TABLETTE APPLI MOBILE APPLI TABLETTE
728 x 90
320 x 50 728 x 90 640 x 100
1000 x 90 640 x 100
(format haute résolution du 320x50)
BANNIERE (format haute résolution du 320x50)
1000 x 200 (Madame)
970 x 250
1000 x 260 320 x 100 728 x 90
1000 x 300
300 x 250 300 x 250 300 x 250
PAVE 300x250 300x250
300 x 600 300 x 600 (parallax) 300 x 600
HABILLAGE 1800 x 1000 320 x 100 728 x 90 - -
COVER CF PAGE 8 - -
1536 x 2048
INTERSTITIEL 640 x 960 +
2048 x 1536
NATIVE CF PAGE 9
VIDEO IN-STREAM / OUT-STREAM CF PAGE 10
Pour la diffusion multi-device, fournir impérativement les éléments Desktop + Web Mobile + Web Tablette
Pour une exclu, en webmobile, un ou deux formats diffuseront selon le type de page
2
SPECIFICATIONS TECHNIQUES DISPLAY / PAVE - GRAND ANGLE
SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
HTML5, JPEG, GIF
PAVE 300 x 250 150 Ko
ou Redirect
Nous n'hébergeons pas la vidéo
PAVE VIDÉO 300 x 250 HTML5 ou Redirect 150 Ko
Son OFF par défaut, activation au clic
HTML5, JPEG, GIF
GRAND ANGLE 300 x 600 150 Ko
ou Redirect
150 Ko Nous n'hébergeons pas la vidéo
GRAND ANGLE VIDEO 300 x 600 HTML5 ou Redirect
Son OFF par défaut, activation au clic
3
SPECIFICATIONS TECHNIQUES DISPLAY / BANNIERES - MEGABANNIERES
SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
MÉGABANNIÈRE 728 x 90 HTML5, JPEG, GIF ou Redirect 150 Ko
Nous n'hébergeons pas la vidéo,
MÉGABANNIÈRE VIDÉO 728 x 90 HTML5 ou Redirect 150 Ko
Son OFF par défaut, activation au clic
FULL BANNER PREMIUM 1000 x 260 HTML5, JPEG, GIF ou Redirect 150 Ko
Nous n'hébergeons pas la vidéo,
FULLBANNER PREMIUM VIDÉO 1000 x 260 HTML5 ou Redirect 150 Ko
Son OFF par défaut, activation au clic
MASTHEAD 1000 x 300 HTML5, JPEG, GIF ou Redirect 150 Ko
Nous n'hébergeons pas la vidéo,
MASTHEAD VIDÉO 1000 x 300 HTML5 ou Redirect 150 Ko
Son OFF par défaut, activation au clic
GIGA BANNER 1000 x 90 HTML5, JPEG, GIF ou Redirect 150 Ko
BANNIÈRE (WEBMOBILE) 320x100 JPEG, GIF ou Redirect 150 Ko La création doit être responsive
BANNIÈRE (WEBTABLETTE) 728 x 90 JPEG, GIF ou Redirect 150 Ko La création doit être responsive
4
SPECIFICATIONS TECHNIQUES DISPLAY / COVER
SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
Position Fermée - Desktop :
Version fermée 30% : 1920x300px - zone utile : 1296x266px La zone utile est celle qui sera visible sur toutes les résolutions d’écran. Présence
Version fermée 10% : 1920x300px - zone utile : 1816x86px du logo, textes accroches, etc.. Tous les éléments en dehors sont susceptibles
d’être coupés ou non visibles.
Position Fermée - Tablette :
Version fermée 30% : 1450x300px - zone utile : 676x226px 1 - Le cover est en position fermée. Sa taille prendra 30 % de visibilité de l’écran, Au scroll sa
Desktop Fermé : 300 Ko max taille passe à 10 % de visibilité de l’écran sur l’ensemble des devices.
Version fermée 10% : 1450x300px - zone utile : 1446x66px
Tablette Fermé : 200 Ko max 2 - Le cover s’expandra au roll over (Desktop) et au touch (Mobile/Tablette). Sa taille prendra
Position Fermée - Mobile :
COVER Version fermée 30% : 780x200px - zone utile : 362x136px
JPEG ou GIF ou PNG 70 % de visibilité de l’écran.
Mobile Fermé : 100 Ko max
Version fermée 10% : 780x200px - zone utile : 696x102px 3 - A la fermeture de l’expand, la taille du Cover en position fermée prendra 10 % de visibilité
de l’écran sur l’ensemble des devices.
Expand - All device : 500 Ko max
Expand - All devices :
Expand Portrait : 1100x1400px - zone utile : 946x736px 8 visuels à nous fournir !
Expand Paysage : 1920x900px - zone utile : 1516x356px
COVER STATIQUE : lien de démo >>
Les zones utiles de chaque visuels sont précisées sur
les PSD de contrôle ci après : PSD >>
Formats cover ci-dessus +
Vidéo horizontale : 1920x1080px
Vidéo brute, la conversion de la
OU Vidéo : 20sec max
vidéo sera effectuée par nos
Vidéo carrée : 1080x1080px Pour les vidéos carrées et verticales par défaut la couleur de fond sur tablette et
soins.
OU mobile sera noire, sinon
En revanche une qualité
COVER VIDÉO Vidéo verticale : 1080x1920px MP4
suffisante est requise afin de
vous pouvez nous communiquer le code hexadécimal de la couleur de fond
souhaitée.
pouvoir intervenir sans altérer la
Les zones utiles de chaque visuels sont précisées sur les PSD de
qualité
contrôle ci après : COVER VIDEO : lien de démo >>
des vidéos qui seront diffusées.
vidéo horizontale >>
vidéo carrée >>
vidéo verticale >>
5
SPECIFICATIONS TECHNIQUES DISPLAY / NATIVE
SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
Titre : 25 caractères (espace compris)
Description : 90 caractères (espace compris)
3 jeux de créations et/ou messages maximum acceptés
NATIVE Image : 600 x 315 px JPEG ou GIF 150 Ko par format
Tracking possible : clickcommand, pixel image (pas de js)
Call To Action : 15 caractères (espace compris)
Sponsorisé par : 25 caractères (espace compris)
6
SPECIFICATIONS TECHNIQUES DISPLAY / FORMATS VIDEO
SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
MP4 ou VAST 30 sec max
PREROLL 1280 x 720
(Vast 4.2 conseillé)
10 Mo
(skip déclenché à partir de 16 secondes)
30 sec max
Attention : l’emplacement du CTA en bas à droite de la vidéo n’est pas
modifiable, bien faire attention à ne pas avoir d’élément visuel à cet
endroit qui sera systématiquement caché
MP4 ou VAST
INREAD 1280 x 720
(Vast 4.2 conseillé)
10 Mo
7SPECIFICATIONS TECHNIQUES / HABILLAGE
SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
Les gouttières sont fixes.
Zone utile : 1280x900 (petit écran)
HABILLAGE ARCHE 1800 x 1000 JPEG 150 Ko
La zone utile est celle qui sera visible sur toutes les résolutions d’écran. Tous les éléments en
dehors de cette zone sont susceptibles d’être coupés ou non visibles suivant la résolution de
l’écran sur lequel ils sont affichés
redirects certifiés : MMM, Piximedia, Sizmek
- Animation de 10s max cappée à 1
-Son OFF par défaut avec activation au clic (un bouton dédié)
HABILLAGE DESTRUCTURANT
1800 x 1000 Redirect 2 Mo -Bouton « rejouer » possible avec activation au clic
OU VIDEO -Les gouttières ne sont pas fixes. Zone utile : 1280x600 (petit écran)
-> Soumis à validation de l’éditeur.
8SPECIFICATIONS TECHNIQUES / HABILLAGE - MAQUETTE 9
SPECIFICATIONS TECHNIQUES / APPS MOBILE & TABLETTE
FORMATS SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
APPLICATIONS MOBILE – TABLETTE
INTERSTITIEL JPEG ou GIF ou Le bouton « fermer » est géré par nos soins.
320 x 480 150 Ko
MOBILE HTML5 Reponsive Laisser un espace sans texte ni logo dans le coin supérieur
droit.
Pour les formats vidéos, son OFF par défaut.
Nous n’hébergeons pas la vidéo.
768 x 1024
INTERSTITIEL JPEG ou GIF ou
+ 150 Ko
TABLETTE HTML5 Reponsive Les formats HTML5 doivent impérativement être
1024 x 768
RESPONSIVES, ces créas pourront être diffusées sur mobile ou
sur tablette.
Les formats HTML5
BANNIERE MADAME JPEG ou GIF
1000x200 150 Ko doivent impérativement
TABLETTE ou HTML5 Responsive (pas de format vidéo)
être RESPONSIVES
Les formats HTML5
BANNIERE JPEG ou GIF
320x50 150 Ko doivent impérativement
MOBILE&TABLETTE ou HTML5 Responsive (pas de format vidéo)
être RESPONSIVES
Les formats HTML5
PAVE JPEG ou GIF
300x250 150 Ko doivent impérativement
MOBILE&TABLETTE ou HTML5 Responsive (pas de format vidéo)
être RESPONSIVES
10SPECIFICATIONS TECHNIQUES / NEWSLETTER & EMAILING
NEWSLETTERS SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
BANNIÈRE NL
650x200 GIF ou JPEG 50 Ko NLs des sites Le Figaro et Madame
NLs des sites Journal des Femmes, Linternaute, Journal
PAVÉ NL 300x250 GIF ou JPEG 70 Ko du Net, CCM, Droit Finances, Santé Médecine, Hugo
l’Escargot
SIZE TYPES DE FICHIER POIDS MAX COMMENTAIRES
- Envoi de l’ensemble des éléments une semaine avant la date d’envoi.
- Objet souhaité de l'email (sera envoyé sans accent)
- Une largeur maxi de 600 pixels
- Un poids recommandé du mailing de 150 Ko. Les images à charger dans le mailing sont hébergées par le partenaire (sur ses serveurs)
EMAILING - Nous nous occupons des mentions de header et footer (“Si ce message ne s’affiche pas correctement, cliquez-ici” et "désinscription") pas besoin de l’inclure dans la créa
- Réception de l'e-mail par fichier html classique à nous envoyer zippé.
- Pas de formulaire dans la créa
- Envoyer l’email découpé et le wording de l’email à part, afin que nous puissions intégrer le texte de l’email et éviter un email en full image. Il faudra également nous fournir
l’Objet de l’e-mailing + nom de l’expéditeur
11SPECIFICATIONS TECHNIQUES / INTEGRATION HTML5
CLICKTAG HTML5
Insérer ce script dans le header :
var clickTag = "http://www.google.com";
Intégrer cette variable de clic :
12CARROUSEL ADVISOR SLIDER
LES FORMATS
ADVISOR CARROUSEL QUESTION
Ce format oriente le public Ce format est dédié à la Poser une question simple
vers le bon produit dans une présentation rapide d’une pour inviter l’internaute à
gamme par une ou plusieurs gamme de produits par scroll interagir avec votre marque.
questions. horizontal.
14ÉLÉMENTS TECHNIQUES VALABLES POUR TOUS LES FORMATS
Questions Propositions de réponses Écran de résultat final
Formats d’image HD : Formats d’image HD :
Formats d’image HD :
Statiques / GIF animés
.jpg ou .png / .gif 16:9 (1920x1080 px) 4:3 (1440x1080 px)
1:1 (1000x1000 px)
32:9 (3840x1080 px) 16:9 (1920x1080 px)
4:3 (1440x1080 px)
32:9 (3840x1080 px)
Taille du fichier max : 50Mo
Formats de la vidéo HD : Formats de la vidéo HD : Formats de la vidéo HD :
Vidéos 16:9 (1920x1080 px) 16:9 (1920x1080 px) 16:9 (1920x1080 px)
.mov, .mp4, .avi ou .mkv Durée max recommandée : 45s Durée max recommandée : 45s Durée max recommandée : 1min
Durée max supportée : 15min Durée max supportée : 15min Durée max supportée : 15min
Taille du fichier max : 1Go
Médias externes supportés : ceux hébergés sur YouTube, Dailymotion, Brightcove, Twitter, Instagram.
DÉLAIS :
Eléments à nous envoyer minimum 72h ouvrées avant le début de la campagne
15WORDINGS / VALABLES POUR TOUS LES FORMATS
Questions Propositions de réponses Écran de résultat final
Nombre de caractères maximum 600 caractères 200 caractères Pas de limitation
Malgré ces contraintes techniques, nous recommandons cependant
de faire des questions et propositions de réponse courtes pour une meilleure visibilité.
BON À SAVOIR
Les maquettes peuvent être réalisées :
• par le client -> et seront mises en scène par l’équipe créative
• par l’équipe créative -> qui sera force de proposition et qui les ajustera en fonction des retours
client
Dans les deux cas, il n’y a pas de frais techniques supplémentaires.
16INTÉGRATION DES VISUELS
QUESTION
Quel que soit le format choisi, l’image peut être intégrée avec la question de 3 manières différentes :
- au dessus de la question,
- derrière la question,
- sous la question.
Visuel sous la question Visuel derrière la question Visuel au dessus de la
question
17INTÉGRATION DES VISUELS
RÉPONSES
Quel que soit le format choisi, les propositions de réponses avec images ou vidéos peuvent être
visibles dans 2 options différentes : Carrousel ou Duel .
Carrousel Duel
18INTÉGRATION DES VISUELS
Écran de résultat final
L’écran final est propre à chaque format.
Nous pouvons intégrer dans chacun d’eux une image ou une vidéo au choix.
Advisor Question ou Carrousel Question ou Carrousel
Message de fin personnalisé Fin Sondage
19EMAILING PERFORMANCE CRÉATION PAR NOS EQUIPES
RÉTROPLANNING - EMAILING DÉDIÉ PERFORMANCE
J-10 J-7 J-5 J-2 Jour J
Brief créa Première Intégration Validation Diffusion de
maquette HTML du BAT la campagne
Brief pour la création Validation ou Intégration du kit mail Validation des urls Activation de la
du kit mail avec modification de la une fois la maquette redirections et de campagne et début
wording, typo, maquette avec 2 A/R validée l’objet via un BAT de la diffusion
visuels et logo HD graphiste maximum
NB: Livraison des urls de NB: 48h maximum
redirection et trackings avant lancement
Avant le vendredi
14h pour une
diffusion le week-
end
20ÉLÉMENTS ATTENDUS - EMAILING DÉDIÉ PERFORMANCE
Débuter la création graphique :
> Visuels HD
> Logo HD
> Police/Typo
> Eléments de l’offre (prix, wordings, etc ..)
> Mention légales
> Le sender utilisé pour les envois
> L’objet utilisé pour les envois (Un objet court d’environ 60 caractères)
> Urls de redirection
21EMAILING PERFORMANCE CRÉATION PAR LE CLIENT
CRÉATION EMAILING DÉDIÉ PAR LE CLIENT - PERFORMANCE
J-5 J-3 Jour J
Livraison Validation Diffusion de
du kit HTML du BAT la campagne
Livraison du kit HTML et Validation des urls redirections et Activation de la campagne et
intégration dans nos plateforme de l’objet via un BAT début de la diffusion
NB: Bien veiller à intégrer vos NB: Validation 48h maximum
urls de redirection et trackings avant lancement
Avant le vendredi 14h pour
une diffusion le week-end
22CRÉATION EMAILING DÉDIÉ PAR LE CLIENT - PERFORMANCE
Header Header
VISUEL :
● Format image jpg ou gif
Message principal
Message
Image
principal ● Pas de hauteur limite mais éviter trop de scroll
Image ● Pas d’image de fond, un emailing 100% image n’est pas recommandé
Call to action
● Pas de couleur de fond trop foncée avec une police clair
Call to action
Message ● Afin d’optimiser la délivrabilité, la créa doit être composée d’un minimum d’images.
Le ratio doit idéalement être ⅓ de d’image et ⅔ de texte.
Message
Footer ● Quand les images n’apparaissent pas, faire en sorte de renseigner les balises alt= «»
qui permettent de voir le texte associé aux images avant leur affichages
Footer
● Pas d’images en background, favoriser les images en img src= «»
● Découpage: le visuel doit être constitué de plusieurs images et non d’une seule
et unique.
● Chaque image ne doit idéalement pas excéder 30ko
23CRÉATION EMAILING DÉDIÉ PAR LE CLIENT - PERFORMANCE
WORDING ET TEXTE :
Header Header
● Pour rendre la créa attractive et pousser au clic, il est vivement recommandé de
Message principal mettre en place une incentive (promo, gratuité d’un test,...)
Message
Image
principal ● Attention au spam word
Image ● L’ offre et les informations doivent être synthétiques, claires et lisibles
Call to action
● Utilisez des polices qui seront prises en compte tel :
Call to action serif : polices à empattement (ex :Times New Roman, Georgia, Garamond...)
Message
sans-serif : polices sans empattement (ex :Arial, Helvetica, Tahoma, Verdana...)
cursive : polices simulant l’écriture à la main (ex : Lucida Handwriting)
Message
Footer fantaisie : polices plus décoratives, surtout utilisées pour des titres (ex: Impact, Fraktur ...)
monospace : polices à largeur (chasse) fixe (ex : Courier New, Lucida Console...)
Footer
● Texte minimum 13px
● Pas de textes en rouge vif ou vert
● Afin d’optimiser la délivrabilité, la créa doit être composée d’un maximum de texte.
Le ratio doit idéalement être ⅓ de d’image et ⅔ de texte
24CRÉATION EMAILING DÉDIÉ PAR LE CLIENT - PERFORMANCE
Header Header CALL TO ACTION :
● Le CTA doit être placé assez haut et si possible au dessus de la ligne de
Message principal
Message
Image flottaison : 570px
principal
● Toute la créa doit être cliquable malgré la présence d’un bouton Call to Action
Image
Call to action ● Ce dernier doit être important et incitatif pour inviter l’internaute à aller plus loin
● Le CTA doit être de préférence en texte html
Call to action
Message
CARACTÈRES SPÉCIAUX :
Message
Même si nous avons défini a charset en UTF-8, nous recommandons quand
Footer même d’encoder vos caractères spéciaux pour garantir leur bon affichage.
Footer À NE PAS OUBLIER :
● Les webfonts ne sont pas interprétés par tous les clients mails
● Les gif animés ne sont pas interprétés par tous les clients mails
● Pas de vidéos se jouant dans l’emailing pour éviter la mise en spam
● Animations flashs à proscrire pour éviter en spam
25CRÉATION EMAILING DÉDIÉ PAR LE CLIENT - PERFORMANCE
HTML RESPONSIVE :
● 600px de large - 640 px max
● Les balises , et ont un support limité. Pour tout le reste,
49% des emails envoyés le support est assez bon
sont ouverts depuis un mobile ● Nous recommandons pour coder un email avec un maximum de compatibilité d’utiliser
les balises suivantes :
, , : pour tout ce qui est mise en page et système de grille de
l’email. À noter que la propriété CSS « padding »
est mieux supportée quand elle est utilisée sur une balise .
L’usage « mobile first » nous oblige à aller : pour les images. N’oubliez pas de renseigner l’attribut alt et de le styler
droit au but et penser plus efficace. Il faut pour le cas des images bloquées
que le message s’affiche correctement : pour les liens. Si vous souhaitez faire un email entièrement cliquable,
n’utilisez pas de englobant, mais répétez le dans chaque cellule
dans les boîtes de réception sur les
différents supports : ordinateur, tablettes, ● Pas de DATA-URI
mobiles, l’emailing doit donc s’adapter au ● La méthode d’image embarquée n’est malheureusement pas très bien supportée
format. ● Ne pas utiliser de Javascript, de flash et de pièces jointes
● Pas de commentaires dans le code HTML
● Fichier HTML: 80 Ko maximum
26INSERTION NL – RTARGET PERFORMANCE
RÉTROPLANNING & ÉLÉMENTS ATTENDUS - INSERTION NL PERFORMANCE
INSERTION NL SIZE TYPE DE FICHIER WORDINGS POIDS MAX COMMENTAIRES
BANNIÈRE NL 640x90 GIF ou JPEG - 50 ko NLs des sites Le Figaro et Madame Figaro
Annonceur : 25 caractères maximum (espace inclus)
Titre : 25 caractères max espaces inclus NLs des sites Le Figaro, Madame Figaro, Journal des Femmes, Journal du
NATIVE AD 1200x627 JPEG 50 ko
Texte : 90 caractères max espaces inclus Net, L’internaute, CCM, Droit Finances, Santé Médecine, Hugo l’Escargot
CTA : 15 caractères max espaces inclus
NB : L’url de redirection de la page de redirection devra être livré avec les éléments graphiques, ainsi qu’un tracking analytique
J-2 Jour J
Envois des Diffusion
éléments de la campagne
Envoi des éléments maximum 48h avant le
début prévu de la campagne Activation de la campagne et
Validation des éléments auprès de nos début de la diffusion
équipes
27AMPLIFICATION SOCIALE
SPECIFICATIONS TECHNIQUES / GENERALITES FB & IG
Délai de réception des éléments techniques :
7 jours ouvrés avant le lancement
28SPECIFICATIONS TECHNIQUES / GENERALITES LINKEDIN
Délai de réception des éléments techniques :
7 jours ouvrés avant le lancement
29SOCIAL RETARGETING
SPECIFICATIONS TECHNIQUES / GENERALITES
Délai de réception des éléments techniques :
7 jours ouvrés avant le lancement
30CONTACTS /
En cas de doutes ou d’interrogations techniques,
n’hésitez pas à contacter le service AdOps :
adops@media.figaro.fr
Pour la partie performance :
performance@media.figaro.fr
Pour le social :
jvong@media.figaro.fr
31Vous pouvez aussi lire
