Guide de mise en œuvre

Annonce associée

Companion ads

Bannière qui apparaît sur la page en même temps qu'une annonce vidéo ou audio est lue dans le lecteur, pour former un duo.

Ad Manager
sur la page, dans des emplacements display près du lecteur vidéo ou audio

Découvrir le format Vérifier sur mon site

Desktop

Mobile

Comprendre en 1 minute

Qu'est-ce que l'annonce associée

Pensez à un concert : pendant que la chanteuse est sur scène, un écran à côté affiche le nom de la chanson. Les deux racontent la même histoire en même temps. L'annonce associée fonctionne ainsi. Pendant que l'annonce vidéo ou audio joue dans le lecteur, une bannière de la même annonce apparaît dans un espace publicitaire de la page, près du lecteur.

Google explique que les annonces associées permettent d'afficher des annonces dans des emplacements display en même temps qu'une annonce est diffusée dans un lecteur vidéo ou audio. Elles dépendent toujours de l'annonce principale, appelée master : sans master, il n'y a pas d'annonce associée. C'est comme l'écran géant du concert, qui n'a de sens que si quelqu'un chante. Une annonce VAST peut contenir jusqu'à 6 annonces display associées.

Comment le site fait-il cela ? Les espaces display près du lecteur sont créés avec la GPT, la Google Publisher Tag, qui est le code de Google pour les espaces publicitaires. La GPT a trois éléments pour cela. Le premier, companionAds, indique que cet espace peut recevoir une annonce associée quand une annonce VAST est en lecture dans un lecteur de la même page. Le deuxième, setRefreshUnfilledSlots, demande de remplir plus tard les espaces restés vides. Le troisième, enableVideoAds, fait en sorte que la GPT et l'IMA SDK utilisent le même correlator, un nombre identique dans toutes les demandes d'annonces d'un même affichage de page. Côté lecteur, l'IMA envoie les tailles des annonces associées dans le paramètre ciu_szs de la balise.

Quand est-ce utile ? Quand vous avez des annonces vidéo ou audio et que vous voulez que l'annonce apparaisse aussi dans la page. Pour les lecteurs vidéo qui peuvent recevoir des annonces audio, Google recommande vivement d'utiliser des bannières associées, pour que le lecteur ne reste pas vide pendant la lecture de l'audio. Quelques précautions : l'espace doit avoir la même taille que l'annonce associée, les annonces responsive ne sont pas prises en charge comme annonces associées à la vidéo et, si le lecteur est dans une iframe, il faut un script proxy de la GPT.

Pas à pas

Comment mettre en œuvre

Indiquez les tailles dans l'élément de campagneLors de la création de l'élément de campagne vidéo et audio, indiquez la taille attendue de la création master et les tailles des annonces associées.
Ajoutez les créations associéesUtilisez l'un des types acceptés : Image, Campaign Manager 360, Tiers, Personnalisé, Format natif (bêta) ou modèles de créations standard ou personnalisés.
Chargez le GPT dans la page principaleL'IMA pour HTML5 ne reconnaît les emplacements du GPT que lorsqu'il est chargé dans la page principale. Si le lecteur est dans un iframe, incluez le script proxy du GPT.
Créez l'emplacement associéDéfinissez l'emplacement avec companionAds et pubads, activez le remplissage des emplacements vides, activez les annonces vidéo et affichez l'emplacement. Définissez les emplacements avant que le lecteur n'affiche les annonces.
Envoyez les tailles dans la balise du lecteurDans la balise IMA, utilisez le paramètre ciu_szs avec les tailles des annonces associées séparées par des virgules, comme 728x90,300x250.
Évitez le clignotement en lecture automatiqueSi la vidéo ou l'audio démarre tout seul, le GPT peut utiliser disableInitialLoad pour ne pas afficher une bannière ordinaire un instant avant l'arrivée de l'annonce associée.

Exemple mis en place

Le code et le rendu à l'écran

Le GPT va dans le head de la même page que le lecteur, et le conteneur de l'annonce associée se place près du lecteur, avec la même taille que l'annonce associée.

<!-- No head: GPT com um espaço que aceita complementar -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(function () {
    googletag
        .defineSlot('/1234567/exemplo', [728, 90], 'companionDiv')
        .addService(googletag.companionAds())
        .addService(googletag.pubads());
    googletag.companionAds().setRefreshUnfilledSlots(true);
    googletag.pubads().enableVideoAds();
    googletag.enableServices();
  });
</script>

<!-- No body: a caixa do complementar, do mesmo tamanho -->
<div id="companionDiv" style="width:728px; height:90px;">
  <script>
    googletag.cmd.push(function () { googletag.display('companionDiv'); });
  </script>
</div>

<!-- Na tag do IMA, os tamanhos dos complementares vão em ciu_szs:
     ...&ciu_szs=728x90&... -->

Sur ordinateurPendant que l'annonce est lue dans le lecteur, une bannière de la même annonce apparaît dans un espace display de la page.

Sur mobileLa bannière associée apparaît dans un emplacement display de la page pendant que l'annonce est lue dans le lecteur. Avec la taille fluid, elle occupe le même pourcentage d'espace sur n'importe quel écran.

Ce que Google recommande

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

Autorisé

Afficher jusqu'à 6 annonces associées pour chaque annonce VAST.
Utiliser des annonces associées de type Image, Campaign Manager 360, Tiers, Personnalisé, Format natif (bêta) ou des modèles de créations.
Demander que les emplacements associés restés vides soient remplis plus tard par une autre annonce de votre réseau.
Utiliser des annonces associées de taille fluid, qui occupent le même pourcentage d'espace sur n'importe quel écran.
Utiliser des bannières associées dans les lecteurs vidéo qui peuvent recevoir des annonces audio, ce que Google recommande vivement.

Interdit

Une annonce associée n'existe pas seule : elle dépend toujours de l'annonce master.
Les annonces responsives ne sont pas prises en charge comme annonces associées de vidéo.
L'IMA ne prend pas en charge la fonction de clic pour activer le son sur les annonces associées de vidéo.
Les formats avec vidéo native activée ne peuvent pas être utilisés comme annonces associées.
Avec le lecteur dans un iframe, le GPT n'est pas reconnu sans le script proxy.

Conseils

Pour bien faire les choses

Pour les emplacements créés pendant la page, définissez-les avant que le lecteur n'affiche les annonces.
Si le VAST contient moins d'annonces associées que d'emplacements définis, les emplacements restants peuvent être remplis par votre réseau.
Dans le paramètre ciu_szs, la barre verticale entre les tailles indique un emplacement avec plusieurs tailles.
Si vous n'utilisez pas le GPT, vous pouvez récupérer l'annonce associée via l'API de l'IMA, en choisissant la taille et en plaçant le contenu dans le conteneur au début de l'annonce.

Attention

Erreurs courantes

GPT dans un iframe

L'IMA pour HTML5 ne reconnaît les emplacements du GPT que dans la page principale. Dans un iframe, sans le script proxy, l'annonce associée n'apparaît pas.

Taille qui ne correspond pas

L'annonce associée doit avoir la même taille que l'emplacement. Un emplacement 728x90 ne reçoit pas une annonce associée 300x250.

Oublier les tailles dans la balise

Un lecteur avec IMA doit envoyer les tailles des annonces associées dans le paramètre ciu_szs. Sans cela, le serveur ne sait pas quelles tailles la page accepte.

Bannière qui clignote avant l'annonce associée

Pour une vidéo ou un audio qui démarre tout seul, une bannière ordinaire peut apparaître un instant. Google indique disableInitialLoad pour l'éviter.

Questions fréquentes

L'annonce associée apparaît-elle sans la vidéo ?

Non. Elle dépend toujours de l'annonce master lue dans le lecteur. S'il n'y a pas d'annonce associée, l'emplacement peut recevoir une autre annonce de votre réseau.

Combien d'annonces associées puis-je avoir ?

Une annonce VAST peut contenir jusqu'à 6 annonces display associées.

Cela fonctionne-t-il avec une annonce audio ?

Oui. Dans les lecteurs vidéo qui peuvent recevoir des annonces audio, Google recommande vivement d'utiliser des bannières associées, pour que le lecteur ne reste pas vide pendant que le son joue.

À quoi sert enableVideoAds ?

Il fait en sorte que la GPT et l'IMA SDK utilisent le même correlator, un nombre identique dans toutes les demandes d'annonces d'un même affichage de page.

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