本文へスキップ

フルページ・インタースティシャルにHTMLイベントを追加する

デスクトップ・フルページ・インタースティシャルとモバイル・フルページ・インタースティシャル**の広告フォーマットは、いくつかのHTMLイベントを通してウェブサイトと相互作用することができます。これらのイベントをリッスンすることで、ウェブサイトに追加アクションをトリガーすることができます。

クリエイティブ表示​

フルページ・インタースティシャル広告がユーザーのブラウザにロードされると、イベント creativeDisplayed-XXXXXX が発生します。

このイベントリスナーを使用すると、Webサイトで必要なアクションをプログラムで実行したり、イベントをトリガーした要素に関する詳細情報（URL、id、クラス、テキストなど）を取得したりすることができます。

以下の例では、フルページ・インタースティシャルが表示されたときに、コンソールに`Creative shown!


<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がユーザーのブラウザに読み込まれた後、ウェブサイト上で必要なアクションをプログラムで実行することができます。

イベントデータには、iframe の url パラメータの md5 である id プロパティと、true である loaded プロパティが含まれる。以下の例では、Iframeがユーザのブラウザに表示されたときに、`Iframe loaded!

<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>