Ouvrir l'espace

Guide de mise en œuvre

Annonce display

Display ads

L'annonce classique d'AdSense : un rectangle ou un bandeau que vous placez où vous voulez et qui peut s'adapter tout seul à la taille de l'écran.

  • AdSense
  • mobile et ordinateur
Découvrir le formatVérifier sur mon site
Desktop
Mobile

Comprendre en 1 minute

Qu'est-ce que l'annonce display

L'annonce display est le type le plus connu d'AdSense. Pensez à une affiche accrochée au mur de l'école : elle est à un endroit fixe et tous ceux qui passent peuvent la voir. Sur le site, c'est pareil. Vous choisissez un espace dans la page, vous y collez un morceau de code, et Google place une annonce dans cet espace.

Il y a deux façons de créer cette annonce. La première est la responsive, que Google recommande. Elle fonctionne comme l'eau dans un verre : elle prend la forme de l'espace où elle est placée. Que la personne ouvre le site sur ordinateur, tablette ou mobile, l'annonce calcule toute seule la bonne taille. Si la personne fait pivoter son mobile, une nouvelle annonce, de la bonne taille, est chargée. La seconde est la fixe, où vous choisissez la largeur et la hauteur exactes, par exemple 300 par 250 pixels. Google prévient qu'en taille fixe, il peut y avoir moins d'annonces disponibles, ce qui peut réduire les revenus.

Les tailles que Google indique comme les plus performantes sont 300x250 (rectangle moyen), 336x280 (grand rectangle), 728x90 (leaderboard), 300x600 (demi-page) et 320x100 (grande bannière pour mobile). Avec le mobile en mode portrait, l'annonce responsive peut s'étirer et occuper toute la largeur de l'écran, car les tests de Google ont montré qu'elle fonctionne mieux ainsi. Cela n'arrive que lorsque le système estime que le résultat et l'expérience pour le visiteur seront bons.

L'annonce display vaut le coup quand vous voulez décider vous-même où chaque annonce apparaît, par exemple en haut de l'article ou à côté du texte. N'oubliez pas que l'emplacement choisi doit respecter les règles de placement de Google : l'annonce ne peut pas être déguisée en contenu, il faut veiller à ne pas la coller à des menus ou à des boutons, et l'écran ne peut pas avoir plus d'annonces que de contenu.

Pas à pas

Comment mettre en œuvre

  1. Ouvrez le menu des annoncesConnectez-vous à votre compte AdSense, cliquez sur Annonces puis sur Par bloc d'annonces.
  2. Choisissez Annonces displayCliquez sur Annonces display et donnez au bloc un nom descriptif et unique, facile à reconnaître.
  3. Choisissez la tailleCochez Responsive, recommandé par Google, ou Fixe, si vous voulez saisir une largeur et une hauteur exactes.
  4. Récupérez le codeCliquez sur Enregistrer et obtenir le code et copiez le code du bloc.
  5. Collez-le dans la pageCollez le code entre les balises body, à l'endroit exact de la page où l'annonce doit apparaître. Cliquez ensuite sur Terminé.
  6. Patientez jusqu'à l'affichageNormalement, les annonces apparaissent en quelques minutes, mais cela peut prendre jusqu'à une heure. Si elles n'apparaissent pas, vérifiez dans la page Sites si votre site a déjà le statut Prêt.

Exemple mis en place

Le code et le rendu à l'écran

Ce code va dans le body, exactement à l'endroit de la page où l'annonce doit apparaître.
<script async
     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Anúncio de display responsivo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- Versão de tamanho fixo (728x90) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
Sur ordinateurElle apparaît comme un rectangle ou un bandeau dans l'espace que vous avez réservé, par exemple un bandeau 728x90 en haut ou un rectangle 300x250 à côté du texte.
Sur mobileL'annonce responsive s'ajuste à la largeur de l'écran. Avec le mobile en mode portrait, elle peut occuper toute la largeur de l'écran.

Ce que Google recommande

Ce qui est permis et ce qui ne l'est pas

Autorisé

  • Choisir la taille responsive, recommandée par Google, ou une taille fixe.
  • Utiliser les tailles que Google indique comme les plus performantes : 300x250, 336x280, 728x90, 300x600 et 320x100.
  • Placer le code dans une div ou un tableau pour positionner l'annonce, par exemple centrée sur la page.
  • Écrire une étiquette au-dessus de l'annonce. La règle de Google n'autorise que les noms Publicité ou Liens commerciaux (en anglais, Advertisements ou Sponsored Links).
  • Placer plusieurs annonces sur la même page, tant que l'écran n'a jamais plus d'annonces que de contenu.
  • Définir la taille de l'annonce responsive pour chaque largeur d'écran avec du CSS, en suivant l'exemple de l'aide de Google, puis tester sur plusieurs appareils.

Interdit

  • Demander des clics, avec des phrases comme cliquez sur l'annonce, ou dire que le clic aide le site. Il est aussi interdit d'offrir une récompense en échange d'un clic.
  • Placer l'annonce près de menus, de liens, de boutons de téléchargement, de boutons de lecture, de lecteurs vidéo ou de fenêtres de jeu, où la personne peut cliquer par erreur.
  • Utiliser des flèches, des symboles ou des animations voyantes pour attirer le regard vers l'annonce.
  • Placer l'annonce sous des titres trompeurs comme Ressources ou Liens utiles, ou lui donner l'apparence d'un contenu du site.
  • Avoir plus d'annonces que de contenu à l'écran, ou afficher des annonces sur des écrans sans contenu, comme les pages de remerciement, d'erreur ou de sortie.
  • Faire en sorte que la page ou l'annonce se recharge toute seule, sans que la personne le demande.

Conseils

Pour bien faire les choses

Attention

Erreurs courantes

Code en dehors du body

Coller le code du bloc en dehors des balises body empêche les annonces de s'afficher correctement.

Conteneur sans largeur

Si l'annonce responsive se trouve dans un conteneur sans largeur définie, comme un élément flottant, elle ne peut pas calculer sa taille. Définissez la largeur avec des media queries CSS.

Hauteur bloquée

Un conteneur à hauteur fixe ou limitée perturbe l'annonce responsive. Google recommande de l'éviter.

Script qui cache du contenu

Les scripts qui s'exécutent avant l'annonce et cachent des parties de la page peuvent empêcher le calcul de la taille. La solution indiquée est de définir la taille avec des media queries CSS.

Questions fréquentes

Responsive ou fixe, que choisir ?

Google recommande le responsive. Le fixe peut avoir moins d'annonces disponibles, ce qui peut réduire les revenus.

Combien de temps l'annonce met-elle à apparaître ?

En général quelques minutes, mais cela peut prendre jusqu'à une heure.

Combien d'annonces puis-je placer sur une page ?

La règle ne fixe aucun nombre. Le principe est que l'écran n'ait pas plus d'annonces que de contenu, et Google rappelle que moins peut être mieux.

Faire pivoter le mobile change-t-il l'annonce ?

Oui. Quand l'écran change d'orientation, une nouvelle annonce de la bonne taille est chargée. La précédente est conservée et revient si la personne refait pivoter son mobile.

Puis-je masquer l'annonce sur les petits écrans ?

Oui. L'aide de Google montre comment utiliser du CSS avec display none pour masquer le bloc à une certaine largeur d'écran. Masquée ainsi, l'annonce n'est même pas demandée.

Bibliothèque

Source officielle de Google

Tout ce qui figure sur cette page suit la documentation officielle de Google. Lisez-la directement à la source :

Votre site utilise-t-il bien ce format ?

L'audit lit le site comme un visiteur, sans rien cliquer, et montre ce qu'il faut corriger.

Lancer un audit