У цій статті описано, де на HTML-сторінці розміщувати код рекламного блоку для показу оголошень AdSense.
Якщо ви раніше не працювали з HTML, спочатку ознайомтесь із вказівками щодо того, як вставити код оголошення на HTML-сторінках (залежно від інструментів, які ви використовуєте). Перш ніж продовжити, також потрібно вивчити відмінності між кодом AdSense і кодом рекламного блоку.
Зміст
Куди додавати код рекламного блоку
Отримавши код рекламного блоку, вставте його між тегами < body> та </body> на сторінці. Якщо вставити код оголошення за межами тегів <body>, реклама відображатиметься неправильно.
Приклад HTML-сторінки перед додаванням коду рекламного блоку.
<html>
<head>
Верхня частина сторінки.
<title>Приклад HTML-сторінки</title>
</head>
<body>
Основна частина сторінки.
</body>
</html>
Приклад HTML-сторінки після додавання коду рекламного блоку в тегу <body>
<html>
<head>
Верхня частина сторінки.
<title>Приклад HTML-сторінки</title>
</head>
<body>
Основна частина сторінки.
<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>
Як розміщувати оголошення на сайті за допомогою тегів HTML
Розміщення оголошень Google, як і будь-яких інших елементів вашого сайту (зображень, абзаців тощо), можна змінювати за допомогою тегів HTML (зокрема <div>, <table> тощо). Наприклад, якщо код оголошення стоїть між тегами HTML <div align="center"> і </div>, ваші оголошення відображатимуться в центрі сторінки.
Приклад HTML-елемента <div>, який використовується для розміщення оголошень у тегу <body>.
<html>
<head>
Верхня частина сторінки.
<title>Приклад HTML-сторінки</title>
</head>
<body>
Основна частина сторінки.
<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>
