子凡也是有些日子没有折腾百度 MIP 了,因为很多关于 MIP 的规范,包括熊掌号的接入也都趋于稳定,所以也没有时刻折腾的意义了,而对于 MIP 页面的站点大家一直关心的就是收益转换,而在之前 MIP 只是提供了百度自己家的一系列广告兼容,而对于像 Google Adsense 却没有支持,时至今日已经有 mip-adsense 的组件啦!
其实早在去年的时候子凡就隐约听到有人说 MIP 页面可以接入谷歌广告了,不过也没有特别的关注,因为当时更多的时间都放在熊掌号的折腾上面,因为就 MIP 页面本身而言,真的没有过于折腾的意义,就在前些天一个 Fanly MIP 主题的用户说想要建议支持 Google Adsense,还发了一个链接给我看,所以今晚有时间就去简单的研究了一下,通过 mip 项目在 github 的开源信息来看,确实是有相关的组件可以支持,下面子凡就简单的弄个教程吧!
1.引用 mip-adsense.js 组件脚本
1 2 | <!--引入 mip-adsense.js--> <script src="https://c.mipcdn.com/static/v1/mip-adsense/mip-adsense.js"></script> |
提示:MIP 的所有组件都是基于 mip.js 环境运行,所以引入的脚本必须放在 mip.js 脚本后。
2.页面合适的位置添加广告代码
代码示例:
1 2 3 4 5 6 7 8 9 10 11 | <!--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 说明:高度;必选项:否;类型:字符串
简单总结
其实也并没有什么好总结的,凡是懂一点点代码的朋友,按照子凡上面提供的代码其实已经能够非常容易的在 MIP 网站添加谷歌广告了,当然对于 Fanly MIP 收费主题的朋友,子凡也即将对主题和插件进行相关的升级支持,以方面用户网站的收益转化。
值得一提的是,如果你的站点使用了 MIP 页面接入熊掌号,那么子凡就必须要告诉你需要慎重,如果你真的足够熟悉熊掌号或者正在运营熊掌号,那么就应该知道熊掌号的规则,对于页面的广告是非常容易被判断为影响用户体验,从而导致页面不符合熊掌号落地页面要求,所以这是需要注意的,当然不影响大家尝试。
除非注明,否则均为泪雪博客原创文章,禁止任何形式转载
留言评论