Assiste.com - Sécurité informatique - Vie privée sur le Web - Neutralité d'Internet Assiste.com - Sécurité informatique - Vie privée sur le Web - Neutralité d'Internet

Publicité sur le Web - Standards dimensionnels

Publicité sur le Web - Table des standards dimensionnels - Les régies publicitaires tentent de protéger leur métier en édictant des standards acceptables afin de freiner le rejet de la publicité, celle-ci étant le moteur économique d'un Web gratuit.

cr  01.04.2012      r+  21.08.2020      r-  16.02.2024      Pierre Pinard.         (Alertes et avis de sécurité au jour le jour)

Formats standards des encarts publicitaires sur les pages Web, définis par l'IAB (Interactive Advertising Bureau).

Les bannières publicitaires s'affichent à l'intérieur des pages Web visitées (ou dans les programmes exécutés lorsqu'ils sont soutenus par la publicité (sponsoring)). Mais il n'est pas permis aux webmasters de mettre n'importe quelle surface à la disposition des régies publicitaires. Ces surfaces doivent avoir des dimensions attendues par les annonceurs. Les dimensions des bannières publicitaires ont donc été normalisées internationalement par l'IAB - Interactive Advertising Bureau - pour des questions de :

  • Tarification : elles sont facturées par les régies publicitaires à leurs clients et il a donc fallu établir des barèmes de tarification en partie sur le même principe que les insertions publicitaires dans la presse écrite, c'est-à-dire basés sur les dimensions de l'encart publicitaire (sa surface) et la fréquentation du site. Il s'est donc instauré une normalisation des formats d'encarts publicitaires sur les sites Internet. La liste actuelle (des négociations sont en cours pour en proposer de nouvelles) est donnée par le tableau des formats de publicités " Display " standards, ci-dessous (les dimensions sont exprimées en pixels).
  • Normalisation des outils de mises en pages pour les webmasters. Un webmaster qui accepte (et prévoit) une zone sur les pages de son site pour recevoir des bannières a besoin de connaître les dimensions que celles-ci auront afin de prévoir la mise en page de ses pages (faire la maquette de son site). Par la suite il n'est plus question que ces dimensions bougent.
  • Portabilité et duplication des campagnes publicitaires plurimédia.

C'est d'ailleurs grâce à la connaissance de ces dimensions standards que certains utilitaires anti-publicités archaïques s'attaquaient à elles (ce qui fut une erreur de stratégie anti-publicitaire car des images légitimes d'un site pouvaient avoir ces mêmes dimensions et être alors rejetées).

PavéMegabannièreSkyscraperMégaskyscraper
NomMedium rectangle / pavéMegabannièreSkyscraperMégaskyscraper
Nom USMedium rectangleLeaderboardSkyscraperWide skyscraper
Dimensions300x250728x90120x600160x600
Poids max fichier initial40Kb40Kb40Kb40Kb
Poids additionel max
pour icône YOC
(Note 1)
5 KB5 KB5 KB5 KB
Poids max fichier
secondaire
(container/loader)
XXXXXXXX
Poids max fichier après initiative utilisateurXXXXXXXX
Image/seconde max de la vidéo & animation30 fps30 fps30 fps30 fps
Durée max de l'animation
(i.e. Flash"!)
30-sec30-sec30-sec30-sec
Durée max de la vidéoXXXXXXXX
SonXXXXXXXX
Grand AngleGigabannièreInterstitiel
NomGrand AngleGigabannièreInterstitiel
Nom USHalf PageSuper Leaderboardin between page
Dimensions300x600970x90800x600
Poids max fichier initial80KB40Kb80KB
Poids additionel max
pour icône YOC
(Note 1)
5 KB5 KB5 KB
Poids max fichier
secondaire
(container/loader)
XXXX160 KB
Poids max fichier après initiative utilisateurXXXX
Image/seconde max de la vidéo & animation30 fps30 fps30 fps
Durée max de l'animation
(i.e. Flash"!)
30-sec30-sec10-sec (affichage 10 sec max et disparition si pas d'interaction)
Durée max de la vidéoXXXXXX
SonXXXXXX
Vidéo in-bannerInterstitiel vidéoExpandExpandFlash transparent
NomVidéo in-bannerInterstitiel vidéoExpandExpandFlash transparent
Nom USExtensible / rétractableExtensible / rétractableFlotant
Dimensions inititales
(largeur x hauteur en
pixels)
300x250
160x600
728x90
300x600
800x600300x250 à 600x250 160x600 à 600x600 728x90 à 728x315300x600 à 600x600Variable
Dimensions après
interaction / évenements
300x250 à 600x250 160x600 à 600x600 728x90 à 728x315300x600 à 600x600
Poids max fichier initial40 KB80 KB40 KB80 KB160 KB
Poids additionel max pour
icône YOC (Note 1)
5 KB5 KB5 KB5 KB5 KB
Poids max fichier secon-
daire (container/loader)
200 KB200 KB200 KB200 KB
Poids max fichier après
initiative utilisateur
2 MB for video file load2.2 MB for creative files2 MB for creative files2 MB for creative files800 KB for creative files
Image/seconde max de la
vidéo & animation
25 fps25 fps25 fps25 fps25 fps
Durée max de l'animation
(i.e. Flash"!)
10-sec (affichage 10 sec max et disparition si pas d'interaction)15-sec15-sec10-sec
Durée max de la vidéo30-sec30-sec Sur interaction utilisateur pendant les 10 premières 10 sec d'affichage (sinon pas d'affichage)30-sec30-sec10-sec
SonOff par défaut, on sur clic. Son coupé ou pause au clic de redirectionOff par défaut, on sur clic. Son coupé ou pause au clic de redirection
StandardsBouton play/pause :
position en bas de la vidéo assurer la visibilité des boutons sur roll over ou permanent

Son :
Lecture video en autoplay > son off par défaut (speaker barré)
> son on (speaker non barré) sur roll over
( x centièmes de sec.) ou clic
Bouton X et/ou « Fermer »
en haut à droite
Contraste permanent vs fond
Tous les boutons doivent être cadrés & taille minimale (11px)
Ouverture au Roll Over :
Durée pour animation / ouverture : ½ seconde
Ouverture plein écran (vidéo ou autre) : avec compte à rebours
Fermeture : roll out et/ou bouton X/fermer

Bouton X et/ou « Fermer »
en haut à droite
Contraste permanent vs fond
Tous les boutons doivent être cadrés & taille minimale (11px)
Ouverture au Roll Over :
Durée pour animation / ouverture : ½ seconde
Ouverture plein écran (vidéo ou autre) : avec compte à rebours
Fermeture : roll out et/ou bouton X/fermer

Bouton X et/ou « Fermer »
en haut à droite
Contraste permanent vs fond
Tous les boutons doivent être cadrés & taille minimale (11px)
Bouton X et/ou « Fermer »
RecommandationsBarre de progression
Fin de vidéo > bouton replay
Bouton plein écran (les 4 coins)
Barre de progression
Fin de vidéo > bouton replay
Lancement de l? animation au clic ou au roll over
call to action pour attirer l? attention : « démarrer » / « passer votre souris » / « cliquez ici pour & »
Lancement de l? animation au clic ou au roll over
call to action pour attirer l? attention : « démarrer » / « passer votre souris » / « cliquez ici pour & »
BillboardPortraitPushdownFilmstripSliderSidekickFooter
NomBillboard / MastheadPortraitPushdownFilmStripSliderSidekickFooter
Nom USBillboardPortraitPushdownPortraitSliderSidekickFooter
Dimensions inititales
(largeur x hauteur en
pixels)
970x250300x1050970x90300x600Largeur fenêtre navigateur x hauteur 90px300x250 300x600 970x250Largeur fenêtre navigateur x40px
Zone de contenu centrée sur 970x40
Dimensions après
interaction / évenements
Ce format se ferme avec l'icône "fermer" et se rejoue au clic sur l' icone "rejouer". L'icône "rejouer" reste affichée après fermeture.Expand sur clic, tailles selon modules.
Please see style guide for details
850x550
(or optional 970x550)
970X400
Poids max fichier initial60 KB60 KB60 KB60 KB60 KB60 KB60 KB
Poids additionel max pour
icône YOC (Note 1)
5 KB5 KB5 KB5 KB5 KB5 KB5 KB
Poids max fichier secon-
daire (container/loader)
1 MB1 MB1 MB1 MB110 KB for user-initiated slider content110 KB110 KB for user-initiated slider content
Poids max fichier après
initiative utilisateur
10 MB total pour crea & video combinées10 MB total pour crea & video combinées10 MB total pour crea & video combinées10 MB total pour crea & video combinéesAprès clic sur Slider:
2.2 MB
2.2 MBAfter slider content initiated:
2.2 MB
Image/seconde max de la
vidéo & animation
25 fps25 fps25 fps25 fps25 fps25 fps25 fps
Durée max de l'animation
(i.e. Flash"!)
30-sec30-sec30-sec30-sec30-sec15-sec30-sec
Durée max de la vidéoUnlimited (user-initiated only)Unlimited (user-initiated only)Unlimited (user-initiated only)Illimité (sur clic)Illimité (sur clic)Illimité (sur clic)Unlimited (user-initiated only)
SonOff par défaut, on sur clic. Son coupé ou pause au clic de redirectionOff par défaut, on sur clic. Son coupé ou pause au clic de redirectionOff par défaut, on sur clic. Son coupé ou pause au clic de redirectionOff par défaut, on sur clic. Son coupé ou pause au clic de redirectionOff par défaut, on sur clic. Son coupé ou pause au clic de redirectionOff par défaut, on sur clic. Son coupé ou pause au clic de redirectionOff par défaut, on sur clic. Son coupé ou pause au clic de redirection
StandardsOuverture au Roll Over :
Durée pour animation / ouverture : ½ seconde
Ouverture plein écran (vidéo ou autre) : avec compte à rebours
Fermeture : roll out et/ou bouton X/fermer

Bouton X et/ou « Fermer »
en haut à droite
Contraste permanent vs fond
Tous les boutons doivent être cadrés & taille minimale (11px)
Ouverture au Roll Over :
Durée pour animation / ouverture : ½ seconde
Ouverture plein écran (vidéo ou autre) : avec compte à rebours
Fermeture : roll out et/ou bouton X/fermer

Bouton X et/ou « Fermer »
en haut à droite
Contraste permanent vs fond
Tous les boutons doivent être cadrés & taille minimale (11px)
Ouverture au Roll Over :
Durée pour animation / ouverture : ½ seconde
Ouverture plein écran (vidéo ou autre) : avec compte à rebours
Fermeture : roll out et/ou bouton X/fermer

Bouton X et/ou « Fermer »
en haut à droite
Contraste permanent vs fond
Tous les boutons doivent être cadrés & taille minimale (11px)
Ouverture au Roll Over :
Durée pour animation / ouverture : ½ seconde
Ouverture plein écran (vidéo ou autre) : avec compte à rebours
Fermeture : roll out et/ou bouton X/fermer

Bouton X et/ou « Fermer »
en haut à droite
Contraste permanent vs fond
Tous les boutons doivent être cadrés & taille minimale (11px)
RecommandationsLancement de l'animation au clic ou au roll over
call to action pour attirer l'attention : « démarrer » / « passer votre souris » / « cliquez ici pour & »
Lancement de l'animation au clic ou au roll over
call to action pour attirer l'attention : « démarrer » / « passer votre souris » / « cliquez ici pour & »
Lancement de l'animation au clic ou au roll over
call to action pour attirer l'attention : « démarrer » / « passer votre souris » / « cliquez ici pour & »
Lancement de l'animation au clic ou au roll over
call to action pour attirer l'attention : « démarrer » / « passer votre souris » / « cliquez ici pour & »

Paragraphe écrit en 2013 - nécessite une mise à jour.

La publicité vidéo manque encore de standards balisés. Chaque ad server, chaque site, passe par des formats spécifiques et des types de compression particuliers.

L'IAB France a édicté en 2009 des recommandations sur trois types de formats, mais une mise à jour est prévue.

Les formats in-banner

Il s'agit d'un format display classique intégrant un contenu vidéo. La publicité vidéo, localisalisée dans la page, s'affiche avec le chargement de la page.

  • Format Billboard (aussi appelé pré-roll, mid-roll, post-roll)
    Durée : 15 secondes idéalement pour une vidéo éditoriale courte (peut aller jusqu'à 30 secondes pour une vidéo éditoriale plus longue, par exemple pour une vidéo de 2'30). L'éditeur peut cumuler plusieurs billboards d'annonceurs distincts pour une même vidéo en les répartissant en pré, mid et post roll. La durée totale des publicités doit être égale, au maximum, à 20 % de la durée totale de la vidéo éditoriale.•
    Format animation flash 50 Ko ou stream vidéo•.
    Son : "on" par défaut•. Compte à rebours apparent avant la vidéo éditoriale.•
    Ne proposer le mode "plein écran" que pour les vidéos offrant une qualité d'un minimum de 15 images par seconde• Dans le cas du mid-roll, l'éditeur doit prévoir un jingle d'entrée et de sortie.
  • Overlay (ou toaster ad)
    S'adapte aux dimensions du player. Maximum 1/5ème de la hauteur du player.•
    Durée : 15 secondes maximum par bannière•.
    Cliquable vers une pub vidéo, une animation flash, ou vers le site de l'annonceur.
    En cas de clic la vidéo jouée s'arrête.• Bouton fermer obligatoire.
    Fréquence : maximum 1 bannière toutes les 3 min.
  • Companion Banner (ou compagnon)
    Synchronisé avec les formats in-streams, donc reste présent jusqu'à la prochaine synchronisation•.
    Son off par défaut.
    Activation du son en roll-over / mouse over et reprise du message publicitaire à son début, quand activation du son.
  • Le pré-roll
    C'est la star. Cette publicité vidéo qui s'affiche avant un programme peut être en format vidéo ou en flash animé.
  • Le mid-roll
    C'est le concurrent : il s'agit d'une publicité diffusée lors de la lecture d'un contenu vidéo. Le début et la fin de l'écran publicitaire sont signalés par un jingle vidéo. L'écran de coupure comprend plusieurs spots et sa durée ne peut excéder deux minutes.
  • Le post-roll
    C'est le challenger : la publicité apparaît en fin de programme et peut durer assez longtemps (30 secondes et plus).

Les variantes

  • Le logo compagnon
    Il figure dans un coin de l'image durant la diffusion du programme
  • Le toaster ad (ou overlay)
    Pas recommandé sur des vidéos avec sous-titrages

Les formats de publicité vidéo « in-stream »

La publicité in-stream est liée à la visualisation d'un contenu vidéo dans une page du site. Elle s'affiche lorsque l'internaute visualise la vidéo.

  • Objectifs : augmenter la durée d'exposition, enrichir l'expérience utilisateur (plus d'interactions, plus d'informations, plus de contenus personnalisés), intégrer les réseaux sociaux dans l'expérience utilisateur.
  • Contraintes : les formats in-stream doivent «respecter» le contenu vidéo, à savoir que la vidéo est interrompue pendant l'expérience pub de l'internaute, que l'environnement d'interaction reste dans le player vidéo (l'utilisateur n'est pas perdu) et qu'à tout moment, l'internaute peut décider de redémarrer la lecture de son contenu vidéo

In-stream :

  • Les sponsors
    Il s'agit d'une petite vidéo courte qui vient s'insérer systématiquement en fin de série de pre-roll sur certains contenus.
  • Les pré-rolls à choix (instream vchoice) ou Adselector
    Une méthode innovante d'engagement des internautes sur la publicité vidéo. 3 vidéos d'annonceurs différents sont proposées aux vidéonautes, une annonce par défaut est définie si aucun choix n'est fait. Seules les publicités choisies sont facturées.
  • Les pré-rolls interactifs.
    Un mini-site interactif est inséré sur le pré-roll.

Les formats innovants

  • Les players habillés.
    Ils sont cliquables vers une vidéo.
    Ces nouveaux formats, pas encore utilisés en France, ne sont pas des formats standards reconnus par l'IAB. Exemples :
    • Inskin™
      Habillage du player cliquable vers une méga-bannière ou un mini-site. L'inskin se déclenche APRES le pre-roll, il n'y pas de conflit entre les 2 formats.
    • Iroll™ d'innovid
      Le pre-roll est enrichi. En cliquant sur le pre-roll, on bascule dans un espace interactif (micro-sites, contenus dynamiques, targeting, formulaires, accès à Facebook et réseaux sociaux).
  • Le footer permanent expand avec mini-site.
    Une expérience publicitaire unique et choisie par l'internaute. L'univers de marque est recréé sans dénaturer le site. Du contenu embarqué et des liens qualifiés : l'alliance branding/ROI
  • La bannière expand avec jeu interactif.
    L'internaute vit une expérience divertissante au sein même de la bannière.
  • Le wall vidéo.
    Au chargement de la page, la vidéo se joue dans les formats de la page d'accueil. Au passage de la souris, l'utilisateur ouvre la vidéo et peut la visualiser en grand écran. En fin de film, l'utilisateur est invité à la viraliser sur lesréseaux sociaux : Facebook, Delicious, Mail, Myspace...
  • Le flux twitter intégré.
    Au chargement, la page est habillée aux couleurs du film et laisse apparaître un extrait de la bande annonce en Flash transparent. Sur le côté, le pavé affiche les tweets en relation avec le film que l'on peut d'un clic retweeter avec son compte.
  • Le méga-roll
    Il offre l'exclusivité de la page. Il permet ainsi de garantir la non-concomitance entre deux annonceurs concurrents. La garantie est obtenue par le fait que le fond de la page est grisé lorsque la pub est lancée. Il fonctionne avec toutes les créations publicitaires – y compris les créations TV. La réutilisation de la création TV représente une économie substantielle pour l'annonceur.

Les boutons « skippable »

Ils donnent la possibilité à l'internaute, plutôt que de risquer qu'il quitte le site ou la vidéo, de passer la publicité qui ne lui convient pas.
On peut retrouver ces fonctions sous deux formes :
- Le bouton « fermer » : Présent en haut à droite, il peut afficher une durée dégressive de la publicité in stream.
- Le layer « ignorer » : Présent en bas du player.

Des "tag" (code html ou scripts) marquent l'emplacement des bannières dans le code source des pages visitées. Ils permettent d'aller chercher le contenu publicitaire sur l'un des serveurs de publicités (Adservers) de la régie publicitaire avec laquelle le propriétaire du site à passé un accord. En agissant ainsi, le tag permet, simultanément, simplement grace à une disposition normale du fonctionnement d'Internet, les entêtes HTTP lors des requêtes HTTP, de recueillir (tracking) une foule d'informations sur vous ("Qui êtes-vous ?"). Exemple : Magnifique exemple de code source d'une page réelle utilisant : Script, Pop-Under, Interstitiel, Bannières, Adservers et Cookie.

iab dimensions standards des bannières
Les formats de la publicité en ligne
Les formats publicitaires classiques
Tailles standards des bannières publicitaires
Bannière publicitaire

- -
Dossier : Publicité sur le Web
Dossier : Publicité sur le Web
Dossier : Publicité intrusive
Dossier : Tracking
Procédure de blocage de la pub et du tracking

Dossier : Publicité intrusive
Dossier : Publicité intrusive sur le Web
Dossier : Publicité sur le Web

Articles de fond
Publicité intrusive
Vidéo de démonstration
L'IAB est contre la publicité intrusive (procès)
Banner blindness
Détournement revenus publicitaires des sites
En Droit, c'est de la concurrence déloyale
Identifier et poursuivre le cybercriminel
Contre-mesures

Technologie de la publicité intrusive
Smart Links

Autres nommages de cette technologie
Publicité contextuelle in-text
Publicité in-stream
Publicité in-text
Publicité dans le texte
Publicité textuelle
Vidéo contextuelle in-text

Classification de ces malveillances
Thiefware

Autres nommages de ces parasites
Adware intrusif
Foistware
Parasiteware
Pirateware
Scumware
Stealware

Quelques exemples d'opérateurs
InfoLinks (InfoLinks) (actif))
Related Info - Related Links - (Alexa) (archive)
CoolWebSearch (CoolWebSearch) (archive)
eWallet (Gator / Claria) (archive)
Precision Time (Gator / Claria) (archive)
Date Manager (Gator / Claria) (archive)
Gain (Gator / Claria) (archive)
OfferCompagnon (Gator / Claria) (archive)

Quelques exemples d'opérations
ContextPro (eZula) (archive)
HotText (eZula) (archive)
TopText (eZula Top Text) (archive)
iLookup (eZula) (archive)
IntelliTXT (Vibrant Media) (actif)
IntelliTXT Video (Vibrant Media) (actif)
SmartAD (Vibrant Media) (actif)
Smart Tags (Microsoft) (archive)
Surf+ (filemix.net) (archive)
Spedia Surf+ (Spedia.net) (archive)
ThirdVoice (ThirdVoice, Inc) (archive)
FlySwat (FlySwat) (archive)
PosiTexte (click4france) (actif ?)
ClickInText (ClickInText) (actif)
QuickClick (MBCi) (archive)
Smart Cursors (Commet Cursor) (archive)
BetterSurf (BetterSurf) (actif)
TopSearch (AltNet) (archive)
BargainBuddy (eXact Advertising) (archive)
BonziBuddy (Bonzi.com) (archive)
Superbar (Gigatech Superbar) (archive)

Très proche de la publicité intrusive
Cybersquatting
Spamdexing
Spamdexing - Google pris à son jeu


Ailleurs dans Assiste et sur le Web Ailleurs dans Assiste et sur le Web Ailleurs dans Assiste et sur le Web Advertising on the Web - Table of dimensional standards

  1. #Publicité sur le Web - Table des standards dimensionnels#