Skip to main content

为全页面插播广告添加 HTML 事件

桌面全页面插页和移动全页面插页广告格式可通过一些 HTML 事件与您的网站进行交互。您可以监听这些事件，从而在网站上触发其他操作。

创意显示​

当用户浏览器加载 Fullpage 插页广告时，会生成事件 creativeDisplayed-XXXXXXX，其中 XXXXXX 是与该 Fullpage 插页广告区域相对应的区域 ID。

通过该事件监听器，您可以在网站上以编程方式执行您可能需要的任何操作，并获取触发事件的元素的更多信息，如 URL、id、类和文本。

在下面的示例中，当 Fullpage Interstitial 显示时，我们会在控制台中显示 "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 加载到用户浏览器后，在网站上以编程方式执行您可能需要的任何操作。

事件数据包含 id 属性(iframe url 参数的 md5)和 loaded 属性(true)。在下面的示例中，当用户的浏览器显示 iframe 时，我们会在控制台中显示 "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>