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 端广告代码,另一个用来填写移动端广告代码,具体如下:

  

image.png


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

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

  


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

  

image.png


  小结

  这个是利用 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 端广告和移动端广告的方法还是比较简单的,就看你想用什么函数或代码来判断了。

转载请说明出处内容投诉
zblog资源网 » zblogPHP怎么实现PC端和移动端(手机站)显示不同的广告

发表评论

欢迎 访客 发表评论

加入会员,享受更优质的zblog技术服务!

马上加入 会员说明 联系客服