Как создать рекламный блок с поддержкой AMP-страниц

Приведу пример размещения рекламных блоков AdSense на AMP-страницах WordPress сайта:

1) Добавим скрипт AMP в коде страницы между тегами head, который подгрузит необходимые библиотеки:

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

Если используется рекомендуемый AMP плагин от Automattic, то head теги находятся тут /wp-content/plugins/amp/templates/html-start.php

2) Создадим адаптивный рекламный блок в аккаунте AdSense. Найдем в его коде идентификатор издателя (например ca-pub-0066847942845019) и идентификатор рекламного блока (например 1234567890).
Вставим указанный ниже код на страницу где необходимо разместить рекламный блок, заменив значение data-ad-client на найденный ранее идентификатор издателя и data-ad-slot на идентификатор рекламного блока:

<amp-ad width="100vw" height=320
type="adsense"
data-ad-client="ca-pub-0066847942845019"
data-ad-slot="1234567890"
data-auto-format="rspv"
data-full-width>
<div overflow></div>
</amp-ad>

Если используется рекомендуемый AMP плагин от Automattic, то код необходимо вставлять в файле /wp-content/plugins/amp/templates/single.php.

Подписаться на IT Blog (RU) по Email
Subscribe to IT Blog (EN) by Email

Did my article help you? How about buying me a cup of coffee as an encouragement? Buy me a coffe.

Добавить комментарий