iframeイベント

広告主は、広告内のイベントをトラッキングできます。これらのイベントは、JavaScriptの助けを借りてクライアントのブラウザ内で直接プログラム的に管理されます。

イベント

creativeDisplayed

これは次の場合にのみ利用できます デスクトップフルページインタースティシャル と モバイルフルページインタースティシャル (DFPI/MFPI）広告フォーマットのキャンペーンで iframeのURL バリエーション。

広告がユーザーに表示されると、という名前の iframe にメッセージが送信されます creativeDisplayed.

以下のスクリプトを使用して、このイベントを iframe 内でトラッキングできます。これにより、広告がユーザーに表示された際に送信されたメッセージを捕捉するイベントリスナーが追加されます。

<script>
        function readMessage(event) {
            console.log("readMessage イベント");
            console.log("オリジン: " + event.origin);
            console.log("データ: " + 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 イベント");
            console.log("オリジン: " + event.origin);
            console.log("データ: " + 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 イベント");
            console.log("オリジン: " + event.origin);
            console.log("データ: " + 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>

おはようございます

イベント

creativeDisplayed

例 - フルページ インタースティシャル

例 - フルページインタースティシャル