1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

zblogPHP怎么实现PC端和移动端(手机站)显示不同的广告

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

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

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

function zbpNana_is_mobile() {      if ( empty($_SERVER['HTTP_USER_AGENT']) ) {          $is_mobile = false;      } elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false          || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false          || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false          || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false          || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false          || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false          || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) {              $is_mobile = true;      } else {          $is_mobile = false;      }      return $is_mobile;  }

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

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

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

{if zbpNana_is_mobile()}      此处可以放置移动端广告代码  {else}      此处可以放置PC端广告代码  {/if}

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

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

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

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

小结

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

function zbpNana_is_mobile() {      global $zbp;      $is_mobile = false;      $Pad_List = '/touch|arm;|android|iphone|ipad|windows\sphone|kindle|gt\-p|gt\-n|rim\stablet|meego/i';      $UA = GetGuestAgent();      if(CheckRegExp($UA, $Pad_List) == true){          $is_mobile = true;      }      return $is_mobile;  }

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

原文链接:https://www.qiquanji.com/post/7297.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: