Перейти к основному содержанию

Добавление HTML-событий для интерстиций Fullpage

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

creativeDisplayed

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

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

В примере ниже мы выводим сообщение Creative shown! в Console при показе 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">Visit exoclick.com!</a>

<script type="application/javascript">
document.addEventListener('creativeDisplayed-1234567', function (e) {
console.log("Creative shown!");
console.log(e.detail);
}, false);
</script>

сообщение

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

Данные события содержат свойства id, которое представляет собой md5 url-параметр iframe, и loaded, являющееся true. В примере ниже мы выводим сообщение Iframe loaded! в Console, когда 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">Visit exoclick.com!</a>

<script type="application/javascript">
window.addEventListener('message', function(event) {
if (event.data.id && event.data.loaded) {
console.log("Iframe loaded!")
}
});
</script>