当前位置

Drupal网站添加百度MIP支持

James Qi 在 2017年5月5日 - 17:22 提交
内容摘要:前段时间花了不少时间来为Drupal网站添加AMP版本,使用了Drupal的AMP支持模块和模板,还自己进行了一些修改,实现了Drupal网站的全站增加对应AMP版本。 而去年开始就知道百度也有......

  前段时间花了不少时间来为Drupal网站添加AMP版本,使用了Drupal的AMP支持模块和模板,还自己进行了一些修改,实现了Drupal网站的全站增加对应AMP版本

  而去年开始就知道百度也有一个对应的MIP计划,我今年去北京参加Google AdSense研讨会的时候与其他发布商交流,得到更多MIP方面的消息,在AMP版本告一段落的时候也准备试一试MIP。

  要自己实现AMP版本比较麻烦,所以我用了Drupal现成的AMP支持模块、模板,同样要添加MIP版本自己写代码也是不容易,于是我想到在AMP支持模块、模板的基础上来修改,今天就这样试了试,还算顺利几个小时摸了一个初步的出来,下面是步骤:

  • 下载amp模块,改名为mip,修改其中目录、文件名称、文件内容,将所有amp都改为mip,AMP改为MIP;
  • 下载amptheme主题,改名为miptheme,修改其中目录、文件名称、文件内容,将所有amp都改为mip,AMP改为MIP;
  • 启用mip模块和需要的子模块,进入MIP配置,开启需要的内容类型的支持,与AMP配置类似;
  • 启用miptheme主题和需要的子主题,关闭logo显示,禁止一些block的显示;
  • 百度MIP验证页面进行验证,注意需要复制网页源代码过来验证,还不能提供链接进行验证,遇到一些head中noscript放置位置必须在最后、不能有多段style、a标签中href属性内容不符合规定等报错,逐个问题去解决了。
  • 修改mip主题中的html.tpl.php,去掉<script async src="https://cdn.ampproject.org/v0.js"></script>,head中增加<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">,body底部增加    <script src="https://mipcache.bdstatic.com/static/v1/mip.js" ></script><script src="https://mipcache.bdstatic.com/static/v1.0/mip-ad.js"></script>
  • 百度MIP验证对a标签严格,在html.tpl.php模板中对<a href="/内部链接 进行了替换成<a target="_blank" href="https://外部链接 
  • 尝试在page.tpl.php模板中添加百度联盟广告<div class="mip-adbd"><mip-ad type="ad-baidu" cproid="u2181164"></mip-ad></div>,但暂时没有看到广告,原因待查;
  •  

   这样一个最基本的MIP页面就可以显示出来并通过百度MIP验证了,算是几个小时搞出一点头绪出来。不过要细化还很需要一些时间来慢慢摸索尝试。

   也听说百度对AMP将来也会同样支持,对开发者来说MIP和AMP合成一种是最好了,不过短期内看来是不可能,还是麻烦一点来尝试吧。

自由标签:

添加新评论

Plain text

  • 不允许使用HTML标签。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。
验证码
本问题用于测试您是否为人类访问者,避免自动垃圾发贴。
图形验证
键入显示在图片中的字符