Добавление 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>