可玩广告html遵循mraid规范,mraid.js的使用步骤

207 阅读1分钟

背景:

前需要前端出一个可玩广告,视屏播放完之后一个试玩的落地页,次落地页是一个html

页面逻辑就是:几个人物的图片,点击右边的衣服图片,主内容区域展示有这个衣服的人物图片;最下面展示一个跳转的链接(我这个使用的location.href跳转的,这个适用于平常,但是在可玩广告里面不能用这个方法)

页面很好开发,半天就开发完了,然后上传的时候报了一个错

然后找了一系列的文档,需要遵循mraid规范,然后去搜索资源,会跳转到官网(www.iab.com/guidelines/…

但是没有搜索到结果;

主要步骤

1. 页面正常开发

2. 页面需要引入mraid.js, 直接引入即可,不需要找cdn链接。资源文件会在支持mraid的app内部会自动注入

<script src="mraid.js"></script>

3. 我这边有个点击的事件,现在点击跳转应用商店不能直接用href跳转,使用对应的open方法(注意的地方需要细看)

mraid.open('xxxxxxxx)

 mraid.js,所有事件发生都要在ready之后,mraid.open也需要ready之后,只要引入了mraid.js,就可以识别mraid对应的方法存在,但是事件的执行要在ready事件之后。

// mraid判断 onSdkReady 为mraid事件准备好之后执行的事件或者方法
function mraidPlay() {
    "use strict";
    if (mraid.getState() === 'loading') {
        mraid.addEventListener('ready', onSdkReady);
    } else {
        onSdkReady();
    }
}