站点图标 度崩网-几度崩溃

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

有些日子没有折腾百度 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 版代码中对应的位置。

代码属性

简单总结