Интеграция рекламного блока на сайт
Для прямой интеграции рекламных блоков на страницы сайта:
- Скопируйте JavaScript-код из настроек рекламного блока в кабинете.
- Вставьте код на сайт в то место HTML-страницы, где должен отображаться рекламный блок.
- Один и тот же блок (один slot_id) можно много раз размещать на странице без изменения slot_id.
Пример базового кода
<script async src="https://ad.mail.ru/static/ads-async.js"></script>
<ins
class="mrg-tag"
style="display:block;width:100%;text-decoration:none;"
data-ad-client="ad-1111111"
data-ad-slot="1111111">
</ins>
<script>
(MRGtag = window.MRGtag || []).push({});
</script>
data-ad-slot — это slot_id рекламного блока (можно найти в настройках)
Примеры под конкретные форматы
Для интеграции блока под конкретный формат нужно добавить параметр dl в виде атрибута data-ad_query внутри тега <ins> со значением URLENCODE(url).
Параметр dl сообщает системе, где показывается реклама. Без него показ может не засчитаться, а трафик — ограничиться (троттлинг). Он обязателен для всех, кто не является владельцем сайта.
URLENCODE(url) — это функция (или просто обозначение), которая означает кодирование URL в формат, безопасный для передачи в адресной строке или в параметрах запроса.
| Символ | Закодированное значение |
| пробел | %20 или + |
| : | :3A |
| / | %2F |
| ? | %3F |
| & | %26 |
| = | %3D |
Мы поддерживаем: 240х400, 300x250, 300x300, 300x600, 320x50, 336x280, 970x250. Код рассмотрим на примере 300x250.
300х250
<script async src="https://ad.mail.ru/static/ads-async.js"></script>
<ins class="mrg-tag"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ad-123456"
data-ad-slot="123456”
data-ad_query="dl=https%3A%2F%2Fexample.com"> <!-- URLENCODE(url) --!>
</ins>
<script>
(MRGtag = window.MRGtag || []).push({});
</script>
У остальных размеров меняются только параметры в атрибуте style — width, height.
Адаптивный блок
<ins class="mrg-tag" data-ad-client="ad-%slot_id%" data-ad-slot="%slot_id%"></ins>
Полноэкранный блок
<ins class="mrg-tag" data-ad-client="ad-%slot_id%" data-ad-slot="%slot_id%"></ins>
inPage
<ins class="mrg-tag" style="display:block; text-decoration: none;" data-ad-client="ad-%slot_id%" data-ad-slot="%slot_id%"></ins>
Sticky
<ins class="mrg-tag floating" style="display:inline-block; width:320px; height:50px;" data-ad-client="ad-%slot_id%" data-ad-slot="%slot_id%"></ins>
АМР-форматы
AMP Medium (300x250)
<amp-ad width="300" height="250" type="mytarget" data-ad-slot="%slot_id%"></amp-ad>
AMP Standard (320x50)
<amp-ad width="320" height="50" type="mytarget" data-ad-slot="%slot_id%"></amp-ad>
AMP Leaderboard (728x90)
<amp-ad width="728" height="90" type="mytarget" data-ad-slot="%slot_id%"></amp-ad>
Если у вас остались вопросы по установке рекламных блоков, обратитесь в поддержку.