Google Publisher Tag (GPT) vous permet de créer des annonces responsives dont la taille s'ajuste au navigateur utilisé par les visiteurs de votre site Web. Cela signifie que vos annonces auront un aspect optimal quel que soit l'appareil utilisé par vos visiteurs (ordinateur, tablette ou appareil mobile).
Dans l'API Google Publisher Tag, vous pouvez indiquer une ou plusieurs tailles comme ensemble de tailles associé à un espace publicitaire. La fonctionnalité d'annonce responsive vous permet également de choisir un autre ensemble de tailles en fonction des dimensions du navigateur.
Exemple
Vous pouvez indiquer que, si la taille du navigateur est supérieure à 1 024 x 768, le système peut diffuser les annonces au format 970 x 90 ou 728 x 90, mais que pour les navigateurs de taille inférieure, seules les annonces au format 468 x 60 doivent être diffusées.
Vous pouvez également spécifier des mappages de taille distincts pour les ordinateurs, les tablettes et les appareils mobiles.
- Veuillez noter que, lorsqu'il est fait mention de la taille du navigateur, nous faisons en fait référence à la taille de la fenêtre d'affichage ou de l'espace dans lequel le contenu s'affiche.
- La taille du navigateur n'inclut pas les barres d'outils, les barres de défilement, les bordures, etc.
Des mappages de taille sont automatiquement effectués afin que la création utilisée soit celle dont la taille est la plus appropriée. Vous pouvez définir une taille de bloc d'annonces par défaut afin de diffuser une annonce adaptée à toutes les tailles de navigateur, dans le cas où aucune des autres tailles ne correspond au navigateur du visiteur.
Les annonces responsives ne sont pas compatibles avec les annonces associées pour le lecteur vidéo.
Spécifier les tailles d'annonce et de navigateur
Pour chaque espace publicitaire que vous définissez, vous devez spécifier les tailles d'annonces compatibles avec celui-ci. La manière dont les tailles sont spécifiées dépend du type d'annonce à afficher, ainsi que de la taille et de la flexibilité des espaces publicitaires.
Des exemples de code sont disponibles dans la documentation GPT destinée aux développeurs pour les annonces de taille fixe, les annonces multitailles, les annonces responsives, etc.
Consulter la documentation GPT destinée aux développeurs
Réduire des espaces publicitaires vides
Si vous savez qu'un ou plusieurs espaces publicitaires de votre page ne sont pas toujours occupés, vous pouvez configurer le navigateur de sorte qu'il réduise les éléments div qui sont vides. Pour ce faire, ajoutez la méthode collapseEmptyDivs() à vos tags.
Cette méthode peut provoquer l'ajustement automatique du contenu de votre page. Son usage dépend donc de la fréquence à laquelle vous prévoyez qu'un espace publicitaire sera rempli.
Utilisez la méthode collapseEmptyDivs() pour réduire un élément <div> vide. Sinon, il restera un espace vide sur la page lorsqu'aucune annonce ne sera diffusée dans un espace publicitaire.
Consulter la documentation GPT destinée aux développeurs
Procéder au trafficking des annonces responsives
Lorsque vous créez des annonces responsives avec la bibliothèque GPT, elles sont affichées en fonction de la taille du navigateur et de l'appareil. La fonction de mappage permet de s'assurer que la demande d'annonce de taille appropriée est envoyée à Ad Manager sur la base de la taille d'écran de l'appareil qui effectue la demande.
Vous ne pouvez pas procéder au trafficking des balises AdSense responsives dans Ad Manager. Vous devez par contre ajouter des tags responsifs à l'aide de GPT sur la page correspondante. Spécifiez la hauteur et la largeur des balises AdSense en fonction des formats d'annonces display compatibles avec AdSense.
Exemple
Créez une annonce responsive avec des balises AdSense à l'aide d'une taille 320 x 100 pour les mobiles, 300 x 250 pour les tablettes et 336 x 280 pour les ordinateurs. Pour ce faire, procédez comme suit :
- Ajoutez votre annonce responsive à votre page Web avec GPT.
- Créez un élément de campagne AdSense spécifiant les trois tailles (320 x 100, 300 x 250 et 336 x 280).
- Ciblez cet élément de campagne avec le bloc d'annonces que vous avez utilisé pour créer les tags responsifs.
- Ajoutez trois créations correspondant à ces tailles à l'élément de campagne AdSense. Elles doivent toutes comporter le code AdSense.
