События iframe

Рекламодатели могут отслеживать события в своих объявлениях. Эти события программно управляются непосредственно в браузере клиента с помощью JavaScript.

События

creativeDisplayed

Это доступно только для Полноэкранное межстраничное объявление для десктопа и Полноэкранное межстраничное объявление для мобильных устройств (DFPI/MFPI) кампании с форматом рекламы с URL iframe вариация.

Когда объявление отображается пользователю, в iframe отправляется сообщение с именем creativeDisplayed.

Вы можете отслеживать это событие внутри своего iframe, используя приведенный ниже скрипт, который добавляет обработчик события, чтобы перехватить отправленное сообщение, когда объявление отображается пользователю.

<script>
        function readMessage(event) {
            console.log("readMessage event");
            console.log("origin: " + event.origin);
            console.log("data: " + event.data);
        }

        if (window.addEventListener) {
            // Для браузеров, соответствующих стандартам
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
</script>

Пример - полноэкранное межстраничное объявление

<!DOCTYPE html>
<html>
<head>
    <!-- ЧАСТЬ СОБЫТИЯ -->
    <script>
        function readMessage(event) {
            console.log("readMessage event");
            console.log("origin: " + event.origin);
            console.log("data: " + event.data);
            var message = "Мы получили сообщение: '" + event.data + "' от '" + event.origin + "' (сейчас мы на iframe рекламодателя)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // рекламодатель в IE хочет обновить некоторый элемент
        }
        if (window.addEventListener) {
            // Для браузеров, соответствующих стандартам
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- КОНЕЦ ЧАСТИ СОБЫТИЯ -->
</head>
<body>
    <h1>Заголовок моего тестового iframe</h1>
    <p>Абзац моего тестового iframe</p>
    <p id="received-message">Ожидание сообщения</p>
</body>
</html>

ПредыдущаяМедиа-библиотека СледующаяПоказы рекламы сторонней системой

Последнее обновление 2 месяца назад

Это было полезно?

<!DOCTYPE html>
<html>
<head>
    <!-- ЧАСТЬ СОБЫТИЯ -->
    <script>
        function readMessage(event) {
            console.log("readMessage event");
            console.log("origin: " + event.origin);
            console.log("data: " + event.data);
            var message = "Мы получили сообщение: '" + event.data + "' от '" + event.origin + "' (сейчас мы на iframe рекламодателя)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // рекламодатель в IE хочет обновить некоторый элемент
        }
        if (window.addEventListener) {
            // Для браузеров, соответствующих стандартам
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- КОНЕЦ ЧАСТИ СОБЫТИЯ -->
</head>
<body>
    <h1>Заголовок моего тестового iframe</h1>
    <p>Абзац моего тестового iframe</p>
    <p id="received-message">Ожидание сообщения</p>
</body>
</html>