Cette page a été traduite par l'API Cloud Translation.

Icône et superposition Choisir sa pub

Toutes les applications qui diffusent des annonces personnalisées hébergées par Google doivent implémenter l'icône et le calque Choisir sa pub, le cas échéant. "Choisir sa pub" (également appelé "Pourquoi cette annonce ?") est une fonctionnalité de transparence qui explique aux utilisateurs pourquoi ils voient s'afficher une annonce spécifique et fournit des informations sur la façon dont leur vie privée est protégée.

Pour en savoir plus, consultez Pourquoi une annonce s'affiche.

Ce guide explique comment extraire les informations nécessaires pour implémenter "Choisir sa pub" à partir de la réponse XML VAST de votre annonce ou du flux d'insertion dynamique d'annonces de la réponse de métadonnées.

Conditions requises pour l'affichage de Choisir sa pub

Pour respecter les exigences de Google concernant l'affichage des icônes "Choisir sa pub", votre application ou votre site Web doivent respecter les normes suivantes :

L'icône Choisir sa pub doit être superposée à toute annonce pour laquelle elle est fournie.
L'icône "Choisir sa pub" doit s'afficher à la position indiquée par le "X" emplacement" et "Position Y" incluses dans les données de l'icône et au niveau taille définie par les propriétés de largeur et de hauteur, indépendamment de la densité Pixels (DP).
L'icône Choisir sa pub ne doit pas être masquée par d'autres superpositions d'annonce ni par l'interface éléments.
Sur les plates-formes compatibles avec les clics ou un équivalent (par exemple, la sélection tactile ou à distance), l'icône Choisir sa pub doit être cliquable.
Sur les plates-formes compatibles avec les navigateurs, le clic sur l'icône "Choisir sa pub" doit ouvrir un onglet ou une fenêtre de navigateur avec l'URL spécifiée dans la propriété "ClickThrough" ou "click_data".
Sur les plates-formes ne compatibles avec aucun navigateur, le fait de cliquer sur l'icône Choisir sa pub doit ouvrir une superposition modale qui affiche l'une des images spécifiées dans "IconClickFallbackImage" ou "click_fallback_images" .
Sur les plates-formes qui ne sont pas compatibles avec les navigateurs, l'image de remplacement doit être affichée sur la taille spécifiée dans la colonne "IconClickFallbackImage" ; ou "click_fallback_images" dans les pixels indépendants de la densité (DP).

Analyser les choix d'annonces à partir d'une réponse XML VAST

Lorsque vous utilisez une réponse d'annonce XML, AdChoices n'est compatible qu'avec la version 3.0 de VAST et les versions ultérieures. Elle se présente sous la forme d'une icône VAST.

VAST 4.2

Si votre réponse d'annonce XML respecte la norme VAST 4.2 standard, "Choisir sa pub" s'affiche sous la forme d'une icône VAST. Si votre application ou site Web est entièrement compatible avec Icônes VAST 4.2 (section 3.11 de la norme VAST 4.2), compatibilité avec la fonctionnalité Choisir sa pub ne nécessite aucun travail supplémentaire.

Si votre application n'est pas compatible avec les icônes VAST 4.2, vous devez les analyser manuellement avec le nom de programme "GoogleWhyThisAd" de votre réponse VAST, standard. Vous pouvez utiliser cet exemple de fichier XML VAST 4.2 pour effectuer des tests supplémentaires dans votre application.

Exemple de réponse VAST 4.2

<?xml version="1.0" encoding="UTF-8"?>
<VAST version="4.2">
  <Ad id="20011">
    <Wrapper>
      ...
      <Creatives>
        ...
        <Creative id="5480" sequence="1">
          ...
          <Linear>
            ...
            <Icons>
              ...
              <Icon program="GoogleWhyThisAd" width="40" height="30" xPosition="left" yPosition="100" duration="00:00:10" offset="00:00:00" apiFramework="VAST" altText="AdChoices icon">
                <StaticResource creativeType="image/png">
                  <![CDATA[ https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices.png ]]>
                </StaticResource>
                <IconClicks>
                  <IconClickThrough>
                    <![CDATA[ https://g.co/adsettings ]]>
                  </IconClickThrough>
                  <IconClickFallbackImages>
                    <IconClickFallbackImage width="950" height="600">
                      <AltText>
                        <![CDATA[ This ad was shown to you based on: * Google's estimation of your interests, based on your activity on Google on this device (for example, your searches) * the information on the website you were viewing. ]]>
                      </AltText>
                      <StaticResource creativeType="image/png">
                        <![CDATA[ https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices_fallback_image.png ]]>
                      </StaticResource>
                    </IconClickFallbackImage>
                    ...
                  </IconClickFallbackImages>
                </IconClicks>
              </Icon>
              ...
            </Icons>
            ...
          </Linear>
          ...
        </Creative>
        ...
      </Creatives>
      ...
    </Wrapper>
    ...
  </Ad>
</VAST>

VAST 3.0

Si votre réponse d'annonce XML suit la norme VAST 3.0, AdChoices est diffusé sous la forme d'une combinaison d'une icône VAST et d'une extension VAST personnalisée. Si votre application ou site Web est entièrement compatible avec la norme VAST 3.0 pour les icônes et si la plate-forme qui permet d'accéder à l'URL de destination de l'icône et de l'afficher, ne nécessite aucun travail supplémentaire.

Si votre plate-forme ne peut pas accéder à votre site ni afficher les clics URL : cela s'applique principalement aux appareils qui ne disposent pas de navigateur, vous devez implémenter la prise en charge de la classe "IconFallbackImages" . Cette extension contient un ensemble d'éléments "IconFallbackImages" les balises où le "programme" correspond à une icône incluse dans le fichier VAST.

Pour assurer une compatibilité totale avec Choisir sa pub, la balise IconFallbackImages avec le nom du programme "GoogleWhyThisAd" doit être associé à l'icône et au nom du programme "GoogleWhyThisAd", de sorte que lorsque l'utilisateur interagit avec l'icône, l'image de remplacement associée s'affiche.

Pour accompagner d'éventuelles modifications de la norme Choisir sa pub, nous vous recommandons recommande d'intégrer une image de remplacement pour toutes les icônes VAST, disponibles. Vous pouvez utiliser cet exemple de fichier XML VAST 3.0 pour effectuer des tests supplémentaires dans votre application.

Structure de l'extension IconFallbackImages

Tag	Attributs	Description
Extension	type	Pour cette extension, le type contient toujours la valeur `IconClickFallbackImages`.
-IconClickFallbackImages	programme	Cet attribut correspond toujours à l'attribut de programme d'une icône VAST 3.0 associée.
-IconClickFallbackImages		La structure de ce nœud est conforme à la norme VAST 4.2 pour IconClickFallbackImages, à l'exception de l'ajout de `program` .
--IconClickFallbackImage	largeur	Largeur recommandée pour afficher l'image.
--IconClickFallbackImage	hauteur	Hauteur recommandée pour afficher l'image.
---AltText		Description accessible de l'image.
---StaticResource	creativeType	Type MIME de l'image de remplacement.
---StaticResource		Valeur CDATA contenant l'URL de l'image de remplacement.

Exemple de réponse VAST 3.0

<?xml version="1.0" encoding="UTF-8"?>
<VAST xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="vast.xsd" version="3.0">
 <Ad id="123456">
  <InLine>
   ...
   <Creatives>
    ...
    <Creative id="7891011" AdID="ABCD123456EF" sequence="1">
     ...
     <Linear>
      ...
      <Icons>
       ...
       <Icon program="GoogleWhyThisAd" width="50" height="50" xPosition="20" yPosition="bottom" duration="00:00:10" offset="00:00:00" apiFramework="VAST" altText="Why This Ad?">
        <StaticResource creativeType="image/png">
         <![CDATA[https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices.png]]>
        </StaticResource>
        <IconClicks>
         ...
         <IconClickThrough><![CDATA[https://g.co/adsettings]]></IconClickThrough>
        </IconClicks>
       </Icon>
       ...
      </Icons>
     ...
     </Linear>
     ...
    </Creative>
    ...
   </Creatives>
   <Extensions>
    ...
    <Extension type="IconClickFallbackImages">
     ...
     <IconClickFallbackImages program="GoogleWhyThisAd">
      <IconClickFallbackImage width="400" height="150">
       <AltText>Alt icon fallback</AltText>
       <StaticResource creativeType="image/png"><![CDATA[https://storage.googleapis.com/gvabox/nickchavez/media/png/wta_dialog.png]]></StaticResource>
      </IconClickFallbackImage>
      ...
     </IconClickFallbackImages>
     ...
    </Extension>
    ...
   </Extensions>
   ...
  </InLine>
  ...
 </Ad>
</VAST>

Analyser les choix publicitaires à partir du fichier JSON des métadonnées de l'API DAI

Lorsque vous utilisez l'API DAI, les informations AdChoices sont transmises via l'objet JSON renvoyé par les requêtes à l'URL des métadonnées.

L'objet JSON Metadata contient une liste d'annonces, associée à l'identifiant de l'annonce. Chaque objet d'annonce contient un tableau d'icônes. Si l'annonce en question utilise AdChoices, l'icône AdChoices est contenue dans ce tableau.

Format d'icône JSON

Le format d'icône JSON est une traduction 1:1 de l'icône VAST 4.2 standard (section 3.11), dans la mesure du possible. Toutefois, pour prendre en charge le format JSON plus strict, certains attributs ont changé de nom, le cas échéant.

Format JSON des icônes

programme	Pour l'icône Choisir sa pub, cette valeur contient toujours la chaîne "GoogleWhyThisAd".
x_position	La position horizontale du coin supérieur gauche de l'icône, par rapport à l'angle supérieur gauche de la création vidéo, en pixels. Ce champ accepte aussi les valeurs de position responsive "right" (droite) ou à gauche.
y_position	Position verticale du coin supérieur gauche de l'icône, par rapport au coin supérieur gauche de la création vidéo, en pixels. Ce champ accepte également les valeurs de position responsive "top" ou "bottom".
largeur	Largeur de l'icône, en pixels.
hauteur	Hauteur de l'icône, en pixels.
creative_type	Type MIME de l'image fournie pour l'icône. La valeur par défaut est "image/png".
ressource	URL pour récupérer l'icône Choisir sa pub.
alt_text	Texte alternatif à afficher pour l'icône Choisir sa pub.
click_data	Un objet contenant la propriété `click_data.url`, représente l'URL vers laquelle les internautes sont redirigés s'ils cliquent sur l'icône "Choisir sa pub" qui prend en charge la navigation Web.
click_fallback_images	Tableau d'objets image à afficher auprès des internautes qui cliquent sur "Choisir sa pub" sur les plates-formes qui ne prennent pas en charge la navigation Web.

Format JSON de l'image de remplacement

largeur	Largeur de l'image de remplacement, en pixels.
hauteur	Hauteur de l'image de remplacement, en pixels.
creative_type	Type MIME de l'image de remplacement. La valeur par défaut est "image/png".
ressource	URL permettant de récupérer l'image de remplacement.
alt_text	Texte alternatif à afficher pour l'image de remplacement.

Exemple de fichier JSON de métadonnées

{
  ...
  "ads": {
    ...
    "0002640412_ad1": {
      ...
      "icons": [
        ...
        {
          "alt_text": "AdChoices icon",
          "click_data": {
            "url": "https://g.co/adsettings"
          },
          "click_fallback_images": [
            {
              "alt_text": "This ad was shown to you based on: * Google's estimation of your interests, based on your activity on Google on this device (for example, your searches) * the information on the website you were viewing.",
              "creative_type": "image/jpg",
              "height": 600,
              "resource": "https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices_fallback_image.png",
              "width": 950
            }
          ],
          "creative_type": "image/png",
          "height": 30,
          "program": "AdChoices",
          "resource": "https://storage.googleapis.com/interactive-media-ads/hosted-samples/wta/icon_adchoices.png",
          "type": "static",
          "width": 40,
          "x_position": "0",
          "y_position": "100"
        }
        ...
      ]
      ...
    },
    ...
  }
  ...
}