# Documentation Azerion - Karavel Le tag publicitaire fourni par Azerion prend en charge l'intégration de **Google Ad Manager** sur votre site, complétée par une partie header bidding via **Prebid.js** et **Amazon TAM**. ## Installation et fonctionnement 1. Chargement de la **CMP** 2. Chargement asynchrone du **wrapper Azerion** https://fms.360yield.com/ow/bundles/live/adverline/wrapper/promovacances.com.js 3. Les emplacements publicitaires, détectés au moyen d'un id spécifique à chacun, sont automatiquement remplis. Ces derniers peuvent-être créés à n'importe quel moment. ## Considérations techniques * **Utilisation des safeframes** pour protéger le contexte d'éxécution d'un affichage publicitaire et le rendre indépendant du chargement de la page : https://support.google.com/admanager/answer/6023110?hl=fr * **CMP** Ce service doit impérativement nous permettre de récupérer une consent string en TCF V2 pour pouvoir lancer les opérations publicitaires. ## Emplacements contractuels | Format | Device | Id | | -------- | -------- | -------- | | bannière | desktop | div-gpt-ad-banner-0 | | pavé | desktop | div-gpt-ad-mpu-0 | | pavé 2 | desktop | div-gpt-ad-mpu-1 | | pavé | mobile | div-gpt-ad-mpu-0 | | pavé 2 | mobile | div-gpt-ad-mpu-1 | ## Exemple de taggage ```javascript= <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>promovacances.com</title> <!-- INTEGRATION DE LA CMP AVANT TOUT ELEMENT LIE A LA PUBLICITE -- <!-- <.../> --> <!-- APPEL AU WRAPPER EN MODE ASYNCHRONE --> <script src="https://fms.360yield.com/ow/bundles/live/adverline/wrapper/promovacances.com.js" async></script> </head> <!-- AJOUT DES DIVS D'ACCUEIL DE LA PUBLICITE DANS LE CORPS DE PAGE --> <body> <strong>banner</strong> <div id="div-gpt-ad-banner-0"></div> <hr /> <strong>mpu</strong> <div id="div-gpt-ad-mpu-0"></div> <hr /> <strong>mpu2</strong> <div id="div-gpt-ad-mpu-1"></div> </body> </html> ``` ## FAQ ***Pourquoi les emplacements apparaissent-ils blancs/vides?*** 1. *Une icône de chargement en forme de cercle s'affiche (même momentanément):* L'emplacement a été détecté par nos services, il est donc correctement intégré. Si aucun acteur ne remporte la compétition, l'adserver n'a pas d'annonce à livrer. Il est possible de configurer des annonces d'autopromotion pour toujours remplir ces espaces le cas échéant. 2. *Rien ne se produit:* L'emplacement n'est pas reconnu par nos services. Veuillez vérifier que l'emplacement est présent dans la page, qu'il utilise bien un id contractuel, et que ce dernier n'a pas de doublon (même invisible). ***Pourquoi les publicités sont-elles plus petites que les emplacements?*** Par défaut, le wrapper Azerion prend en charge la réservation d'espace pour respecter les recommandations de Google concernant le CLS (cumulative layout shift). https://developers.google.com/publisher-tag/guides/minimize-layout-shift?hl=fr#minimize En pratique, cela signifie que l'emplacement est redimensionné selon la taille maximale parmi celles qu'il peut accueillir. Si l'annonce gagnante est plus petite, l'emplacement n'est pas réduit pour éviter d'affecter la page.