Cet article explique où ajouter le code de bloc d'annonces dans votre code HTML pour diffuser des annonces AdSense.
Si vous ne maîtrisez pas le code HTML, vous devez d'abord consulter les instructions pour savoir comment coller le code d'annonce dans vos pages HTML, en fonction des outils que vous utilisez. Avant de continuer, vous devez également connaître les différences entre le code AdSense et le code de bloc d'annonces.
Sur cette page
- Où ajouter le code du bloc d'annonces ?
- Positionner des annonces sur votre site à l'aide du code HTML
Où ajouter le code du bloc d'annonces ?
Une fois que vous avez obtenu et copié le code de votre bloc d'annonces, vous devez le coller entre les balises <body> et </body> de votre page. Si vous le collez à l'extérieur de ces balises, vos annonces ne s'afficheront pas correctement.
Exemple de page HTML avant l'ajout du code de bloc d'annonces
<html>
<head>
Cette section représente l'en-tête de votre page.
<title>Exemple de page HTML</title>
</head>
<body>
Cette section représente le corps de votre page.
</body>
</html>
Exemple de page HTML après l'ajout du code du bloc d'annonces dans la balise <body>
<html>
<head>
Cette section représente l'en-tête de votre page.
<title>Exemple de page HTML</title>
</head>
<body>
Cette section représente le corps de votre page.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
Positionner des annonces sur votre site à l'aide du code HTML
Vous pouvez déterminer la position des annonces Google, comme celle des autres éléments de votre site (images, paragraphes, etc.), à l'aide de balises HTML (<div>, <table>, etc.). Par exemple, si vous placez les balises HTML <div align="center"> et </div> autour du code d'annonce, vos annonces seront placées au centre de la page.
Exemple d'élément HTML <div> utilisé pour positionner une annonce dans la balise <div>
<html>
<head>
Cette section représente l'en-tête de votre page.
<title>Exemple de page HTML</title>
</head>
<body>
Cette section représente le corps de votre page.
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
