有些日子没有折腾百度 MIP 了,因为很多关于 MIP 的规范,包括熊掌号的接入也都趋于稳定,所以也没有时刻折腾的意义了,而对于 MIP 页面的站点大家一直关心的就是收益转换,而在之前 MIP 只是提供了百度自己家的一系列广告兼容,而对于像 Google Adsense 却没有支持,时至今日已经有 mip-adsense 的组件啦!
其实很早之前就听到有人说 MIP 页面可以接入谷歌广告了,不过也没有特别的关注,因为当时更多的时间都放在熊掌号的折腾上面,因为就 MIP 页面本身而言,真的没有过于折腾的意义,就在前些天一个 Fanly MIP 主题的用户说想要建议支持 Google Adsense,还发了一个链接给我看,所以今晚有时间就去简单的研究了一下,通过 mip 项目在 github 的开源信息来看,确实是有相关的组件可以支持,下面盾给网络就简单的弄个教程吧!
1.引用 mip-adsense.js 组件脚本
<!--引入 mip-adsense.js-->
<script src="https://c.mipcdn.com/static/v1/mip-adsense/mip-adsense.js"></script>
提示:MIP 的所有组件都是基于 mip.js 环境运行,所以引入的脚本必须放在 mip.js 脚本后。
2.页面合适的位置添加广告代码
<!--Google Adsense 原版代码-->
<script type="text/javascript">
google_ad_client = "ca-pub-4413237575816591";
google_ad_slot = "9862911456";
google_ad_width = 300;
google_ad_height = 250;
</script>
<script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<!--Google Adsense MIP 版代码-->
<mip-adsense ad-client="ca-pub-4413237575816591" ad-slot="9862911456" ad-format="auto"></mip-adsense>
上面的为 Google Adsense 原版的广告代码,切记是不能够直接放置在页面中的,而是通过获取原版代码中的两个参数对应填写在 MIP 版代码中对应的位置。
代码属性
- ad-client 说明:用户;必选项:是;类型:字符串
- ad-slot 说明:位置;必选项:是;类型:字符串
- ad-format 说明:格式;必选项:否;类型:字符串
- ad-width 说明:宽度;必选项:否;类型:字符串
- ad-height 说明:高度;必选项:否;类型:字符串