场景:在微信applet中添加广告可以是微信广告和自定义广告的自适应布局。
问题:小屏幕(如320)手机上的微信广告或设置广告组件父组件的宽度小于300像素,内容将超出布局范围;
屏幕效果:解释从截图中我们可以看到微信的广告组件自动添加了内嵌风格,其风格的重量最高!
结算条款:
1)百度的解决方案是添加风格:
ad {
zoom: 0.8;
}
百度方法效果截图:
说明:从截图的效果来看,我们可以看到广告不超过父元素,但父元素不是100%; 我用过这个方法,个人总结是:这个方法可以在场景宽度小于300 PX时使用。
附件:在微信开发工具中,元素似乎放错位置,但显示效果正常,所以忽略它。微信开发者工具应该像我一样努力工作.~
2)我的解决方案:将弹性框布局添加到微信广告组件的父元素;
风格如下
.ad-block {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
效果截图:注意:从截图中,我们可以看到广告正常显示。
应注意广告(微信广告)的使用:
1。问题:添加微信广告的小部件在正式启动后将无法正常显示,但会在开发版和体验版中正常显示。
微信社区解释说:开发人员第一次提交广告组件审核。广告功能的在线版本将暂时关闭。我们将在一个工作日内完成广告组件的合规审核。。
2.问题:小部件程序添加微信广告正式启动并通过考试后,除了纯显示还有其他要求,如:需要点击并观看广告6秒才能获得奖励。如果是微信广告,则每天点击几次后,微信广告将无法正常显示。
说明:当前用户不显示广告的原因可能是用户目前不适合浏览广告。
解决方案:可以通过回调广告错误来处理Biderror。我收到的要求是,当微信广告无法显示时,会显示自定义广告,这个要求可以通过binderror的回调功能来实现。
南京小程序开发提醒注意:每次重新呈现页面并且广告加载成功时,将执行广告加载的成功回调绑定。
附件:我还没有在社区找到官方解释。如果我以后找到它,我会附上链接地址。
* Note: Today is April 7. There is only one day left for Qingming. It's time to be quiet now that you've been traveling. *