百度 MIP 页面网站添加谷歌 Adsense 广告教程

张子凡 百度MIP 2018-04-09 22:22:59 阅读(...) 评论(9)

子凡也是有些日子没有折腾百度 MIP 了,因为很多关于 MIP 的规范,包括熊掌号的接入也都趋于稳定,所以也没有时刻折腾的意义了,而对于 MIP 页面的站点大家一直关心的就是收益转换,而在之前 MIP 只是提供了百度自己家的一系列广告兼容,而对于像 Google Adsense 却没有支持,时至今日已经有 mip-adsense 的组件啦!

百度 MIP VS Google 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 页面接入熊掌号,那么子凡就必须要告诉你需要慎重,如果你真的足够熟悉熊掌号或者正在运营熊掌号,那么就应该知道熊掌号的规则,对于页面的广告是非常容易被判断为影响用户体验,从而导致页面不符合熊掌号落地页面要求,所以这是需要注意的,当然不影响大家尝试。

      除非注明,否则均为泪雪博客原创文章,禁止任何形式转载

      本文链接:https://zhangzifan.com/mip-adsense.html

留言评论

登录 后留言