フルページインタースティシャル用のHTMLイベントの追加

追加できる デスクトップ フルページ インタースティシャル と モバイル フルページ インタースティシャル 広告フォーマットは、いくつかのHTMLイベントを通じてあなたのウェブサイトと連携できます。これらのイベントを監視して、ウェブサイトで追加のアクションを発火させることができます。

creativeDisplayed

Fullpage Interstitial広告がユーザーのブラウザに読み込まれると、次のイベントが生成されます creativeDisplayed-XXXXXXX、ここで XXXXXXX は、そのFullpage Interstitial広告ゾーンに対応するゾーンIDです。

このイベントリスナーを使用すると、ウェブサイトで必要なあらゆるアクションをプログラムで実行でき、イベントを発生させた要素に関するURL、id、クラス、テキストなどの詳細情報を取得できます。

以下の例では、次のものを表示しています。 クリエイティブが表示されました！ Fullpage Interstitialが表示されたときにConsoleにメッセージを出力し、イベントを発生させた要素のすべての詳細を一覧表示しています：

<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("クリエイティブが表示されました！");
        console.log(e.detail);
    }, false);
</script>

メッセージ

Fullpage Interstitial広告ゾーンでiframeキャンペーンが配信される場合は、次のイベントにイベントリスナーを追加できます メッセージ。これにより、iframeがユーザーのブラウザに読み込まれた後、ウェブサイトで必要なあらゆるアクションをプログラムで実行できます。

イベントデータには次のプロパティが含まれます id、これはiframeのurlパラメータのMD5であり、 loaded がtrueであること。以下の例では、次のものを表示しています。 iframeが読み込まれました！ Iframeがユーザーのブラウザに表示されたときにConsoleにメッセージを出力します：

<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が読み込まれました！")
        }
    });
</script>