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

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

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

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