Добавление HTML-событий для полноэкранных межстраничных объявлений

Максимальное Desktop Fullpage Interstitial и Мобильный Fullpage Interstitial Форматы рекламы могут взаимодействовать с вашим сайтом через некоторые HTML-события. Вы можете отслеживать эти события, чтобы запускать дополнительные действия на вашем сайте.

creativeDisplayed

Когда реклама Fullpage Interstitial загружается в браузере пользователя, она генерирует событие creativeDisplayed-XXXXXXX, где XXXXXXX является идентификатором зоны, соответствующим этой зоне рекламы Fullpage Interstitial.

Этот обработчик событий позволяет программно выполнять любые действия, которые могут понадобиться на вашем сайте, и получать больше информации об элементе, который вызвал событие, например URL, id, классы и текст.

В примере ниже мы отображаем Креатив показан! сообщение в консоли, когда Fullpage Interstitial отображается, и перечисляем все сведения об элементе, который вызвал событие:

<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
<ins class="eas6a97888e35" data-zoneid="1234567"></ins>
<script>(AdProvider = window.AdProvider || []).push({"serve": {}});</script>

<a href="https://www.exoclick.com">Посетите exoclick.com!</a>

<script type="application/javascript">
    document.addEventListener('creativeDisplayed-1234567', function (e) {
        console.log("Креатив показан!");
        console.log(e.detail);
    }, false);
</script>

message

Если ваша зона рекламы Fullpage Interstitial обслуживает кампанию iframe, тогда вы можете добавить обработчик событий к событию message. Это позволяет программно выполнять любые действия, которые могут понадобиться на вашем сайте, после загрузки iframe в браузере пользователя.

Данные события содержат свойства id, которое представляет собой md5 от параметра URL iframe, и loaded значением true. В примере ниже мы отображаем Iframe загружен! сообщение в консоли, когда iframe отображается в браузере пользователя:

<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
<ins class="eas6a97888e35" data-zoneid="1234567"></ins>
<script>(AdProvider = window.AdProvider || []).push({"serve": {}});</script>

<a href="https://www.exoclick.com">Посетите exoclick.com!</a>

<script type="application/javascript">
    window.addEventListener('message', function(event) {
        if (event.data.id && event.data.loaded) {
            console.log("Iframe загружен!")
        }
    });
</script>