zblogPHP站点如何实现PC端和移动端显示不同的广告

 2017-06-13 07:30:07  98 人阅读  27 条评论

一个站点针对 PC 端和移动端显示不同的内容,特别是不同的广告还是很有必要的,那么我们的 zblogPHP 站点应该如何实现呢?如果用过 WordPress 的博主站长们应该都知道,WordPress 内置的 wp_is_mobile() 函数就是一个移动设备判断函数,所以我们不妨直接使用 WordPress 这个函数来实现 zblogPHP 站点 PC 端和移动端显示不同的广告。今天,我们就以 zbpNana 主题为例进行说明一下。

zblogPHP站点实现PC端和移动端显示不同广告步骤

1、首先将以下代码添加到我们所使用主题的 include.php 文件中:

  1. function zbpNana_is_mobile() {
  2.     if ( empty($_SERVER['HTTP_USER_AGENT']) ) {
  3.         $is_mobile = false;
  4.     } elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false
  5.         || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false
  6.         || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false
  7.         || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false
  8.         || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false
  9.         || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false
  10.         || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) {
  11.             $is_mobile = true;
  12.     } else {
  13.         $is_mobile = false;
  14.     }
  15.     return $is_mobile;
  16. }

PS:以上代码来自 WordPress\wp-includes\vars.php 文件中的 wp_is_mobile() 函数。

PS:记得修改函数名 zbpNana_is_mobile 中的 zbpNana 为自己所使用的主题名哦,因为 zblogPHP 规定函数名必须是主题名开头。

2、在主题相应位置显示广告位的地方修改成以下代码:

  1. {if zbpNana_is_mobile()}
  2.     此处可以放置移动端广告代码
  3. {else}
  4.     此处可以放置PC端广告代码
  5. {/if}

建议在主题配置选项中,把一个广告位设置成两个填写框,一个用来填写 PC 端广告代码,另一个用来填写移动端广告代码,具体如下:

zblogPHP站点如何实现PC端和移动端显示不同的广告 ZBlog 第1张

PC端和移动端显示不同的广告的具体效果

1、同一位置的 PC 端广告效果

zblogPHP站点如何实现PC端和移动端显示不同的广告 ZBlog 第2张

2、同一位置的移动端广告效果

zblogPHP站点如何实现PC端和移动端显示不同的广告 ZBlog 第3张

小结

这个是利用 WordPress 内置的移动设备判断函数,其实 zblogPHP 也有一个比较简单的判断函数,zbpNana 主题前期就是使用这个函数来判断的,依然有效区分出 PC 端和移动端的设备,从而显示不同的广告代码,具体如下:

  1. function zbpNana_is_mobile() {
  2.     global $zbp;
  3.     $is_mobile = false;
  4.     $Pad_List = '/touch|arm;|android|iphone|ipad|windows\sphone|kindle|gt\-p|gt\-n|rim\stablet|meego/i';
  5.     $UA = GetGuestAgent();
  6.     if(CheckRegExp($UA$Pad_List) == true){
  7.         $is_mobile = true;
  8.     }
  9.     return $is_mobile;
  10. }

所以说,想使 zblogPHP 站点区分 PC 端广告和移动端广告的方法还是比较简单的,就看你想用什么函数或代码来判断了。

拓展阅读

本文地址:http://boke112.com/3998.html
文章标签: ,   ,   ,  
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 蓟德吾旅游行誌
    蓟德吾旅游行誌 【小白】 @回复

    学习了,联盟自适应广告代码有时显示不正常的。

  2. GG美女图片
    GG美女图片 【书童】 @回复

    这段代码用在其他程序也可以吧?

  3. 姜辰
    姜辰 【举人】 @回复

    这样倒是很不错~~

  4. 钛客志
    钛客志 【秀才】 @回复

    我觉得根据文章的便签,去对应一些类似的博客会更有效果,不知道如何实现

  5. 大伟哥博客
    大伟哥博客 【秀才】 @回复

    我觉得在不同的分类下放不同的广告,可能转化率会更高一些。

    • boke112导航
      boke112导航【村长】2017-06-14 09:07  回复

      @大伟哥博客[赞] 对到这么精细化就更好了,不过现在的联盟广告代码好像都是显示你搜索的东西,所以不管放在哪里感觉都一样,除非是图片广告或其他广告

  6. 小萝博客
    小萝博客 【状元】 @回复

    我又断更了

  7. 闲鱼
    闲鱼 【进士】 @回复

    习惯于将移动端和PC端的广告分开,感觉更好点

  8. 花卉说
    花卉说 【秀才】 @回复

    本站已完美实现广告分离

  9. 雅兮网
    雅兮网 【尚书】 @回复

    老古牛啊,举一反三,将WordPress的汤灌到Zblog的葫芦里,实在是厉害,有程序员的天分

    • boke112导航
      boke112导航【村长】2017-06-13 17:21  回复

      @雅兮网[嘻嘻] 就是觉得都是PHP,所以想想应该是一样的,所以就挪过去看看,没想到还真的成功了

  10. 香港高防服务器租用
    香港高防服务器租用 【小白】 @回复

    有的网站可以做,有的网站没必要

  11. 品牌馆
    品牌馆 【小白】 @回复

    感觉还可以

  12. 夏天烤洋芋
    夏天烤洋芋 【进士】 @回复

    折功能不错。

  13. 开平机
    开平机 【小白】 @回复

    文章不错

  14. 明月登楼
    明月登楼 【丞相】 @回复

    不错,学习受教了!

  15. 互访互推导航
    互访互推导航 【秀才】 @回复

    技术大牛啊

  16. 爱店樱领券网
    爱店樱领券网 【进士】 @回复

    博主什么学历?什么专业的?

  17. 爱时尚
    爱时尚 【尚书】 @回复

    这个挺有用的 我现在就是pc手机一样

    • boke112导航
      boke112导航【村长】2017-06-13 17:22  回复

      @爱时尚图片的广告可以折腾成两个,联盟广告他们都说有自适应代码了,具体我就不懂了,很久没玩联盟广告了

  18. 靠谱学生兼职网
    靠谱学生兼职网 【状元】 @回复

    联盟广告现在都比较智能,先自适应代码就可以了

  19. Koolight
    Koolight 【尚书】 @回复

    广告自适应也是一门学问!

  20. 小苍老师
    小苍老师 【进士】 @回复

    学习了,晚上试试看!