# Plan de taggage Lonelyplanet.fr 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** 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. ## Emplacements contractuels | Format | Device | Id | | -------- | -------- | -------- | | bannière | desktop | div-gpt-ad-banner-0 | | bannière | desktop | div-gpt-ad-banner-1 | | bannière | desktop | div-gpt-ad-banner-2 | | bannière | desktop | div-gpt-ad-banner-3 | | bannière | desktop | div-gpt-ad-banner-4 | | bannière | desktop | div-gpt-ad-banner-5 | | pavé | desktop | div-gpt-ad-mpu-0 | | pavé | desktop | div-gpt-ad-mpu-1 | | pavé | desktop | div-gpt-ad-mpu-2 | | bannière | mobile | div-gpt-ad-banner-0 | | bannière | mobile | div-gpt-ad-banner-1 | | bannière | mobile | div-gpt-ad-banner-2 | | bannière | mobile | div-gpt-ad-banner-3 | | bannière | mobile | div-gpt-ad-banner-4 | Pour configurer de nouveaux emplacements, veuillez effectuer la demande auprès de votre contact Azerion, ou via publisher.fr@azerion.com. Afin de faciliter la démarche, veuillez indiquer: * format * taille(s) * devices concernés * région(s) du site ## Réservation d'espace Afin d'éviter que les emplacements publicitaires décalent le contenu en court de navigation (indicateur CLS), ces derniers sont redimensionnés selon les largeurs et hauteurs maximales des annonces qu'ils peuvent accueillir. Cette opération est prise en charge automatiquement par le wrapper dès que celui-ci peut s'exécuter. Il est possible d'éliminer ce délai en adaptant le style des emplacements directement depuis le css de votre site. **div-gpt-ad-banner-x (desktop)** | largeur d'écran | espace à réserver | | -------- | -------- | | 768 | 728x90 | | 970 | 970x90 | | 1000 | 1000x90 | **div-gpt-ad-mpu-x (desktop)** | largeur d'écran | espace à réserver | | -------- | -------- | | 768 | 300x600 | **div-gpt-ad-banner-x (mobile)** | largeur d'écran | espace à réserver | | -------- | -------- | | 320 | 320x100 | | 468 | 468x100 | ## Exemple d'intégration commenté ```javascript= <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>lonelyplanet.fr</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/lonelyplanet.fr.js"></script> </head> <!-- AJOUT DES DIVS D'ACCUEIL DE LA PUBLICITE DANS LE CORPS DE PAGE --> <body> <strong>bannière</strong> <div id="div-gpt-ad-banner-0"></div> <hr /> <strong>pavé</strong> <div id="div-gpt-ad-mpu-0"></div> <hr /> <strong>portrait</strong> <div id="div-gpt-ad-hpu-0"></div> </body> </html> ```