背景:
前需要前端出一个可玩广告,视屏播放完之后一个试玩的落地页,次落地页是一个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();
}
}