MUI 百度联盟广告集成示例

申请百度联盟账号

打开百度联盟，申请账号；已有账号的话，直接登录即可。

创建代码位

登录百度联盟后，点击“合作管理”-->“创建代码位”，输入代码位名称（例如："my first ad"），投放平台选择“移动网页”，然后选择合适的展现尺寸，Hello MUI选择的是20:3尺寸，如下：

样式配置根据个人喜好选择即可，最后点击“新建”按钮完成代码位的创建，然后会弹框提示获取代码位，将对应代码复制到剪贴板；

投放代码位到wap站

百度广告联盟会校验广告位投放的真实性（有效域名或公网IP），因此需要找一个真实wap站点，创建一个单独的广告页面，将刚才创建的代码位复制进去，供百度广告联盟校验，否则可能会失败；如我们将刚申请的广告代码复制到http://dcloud.io/ad/。

注意：wap站点的广告页面仅为百度校验所用，可以没有真实内容，但为了匹配关键字，建议在meta标签中设置好keywords、description，具体写法参考http://dcloud.io/ad/源码。

集成广告位到5+ App

参考Hello MUI中的ad.html，修改参数为自己的广告位参数(代码注释中标注为需修改的部分，其它部分无需修改)，需修改的参数如下：

• cpro_id：百度联盟申请的代码位ID


• ltu：广告投放的WAP站地址


• title：广告投放的wap页面标题


• adHeight：广告高度，3/20需替换为自己申请的广告尺寸

完整代码如下：

//屏幕真实宽度
var width = window.innerWidth;
var height = window.innerHeight;