资源管理站

typecho博客判断电脑PC和手机WAP端进行广告展示

admin 438 0

特别声明:本文为原创,可自由转载、引用,但需署名作者且注明文章出处,如有侵权请联系!

上一篇文章详细介绍了个人网站typecho博客申请添加投放百度联盟广告的具体步骤https://www.zyglz.com/index.php/archives/132.html,但是typecho个人博客没有对访问设备进行判断,造成手机端浏览网页时展示的是电脑端的广告,造成网页展示出错,页面错位。目前就需要对浏览typecho博客的设备进行判断,如果是电脑访问,就展示pc端的广告;如果是手机wap浏览器访问,那么就展示wap端广告。

问题描述

mark

解决办法

  1. 添加方法

进入网站后台--->控制台--->外观--->编辑当前外观--->funciton.php,添加一下isMobile方法。

mark

代码如下:

**
 * @return bool
 * 判断是否为移动设备
 */
function isMobile()
{
    // 如果有HTTP_X_WAP_PROFILE则一定是移动设备
    if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) {
        return true;
    }
    // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息
    if (isset ($_SERVER['HTTP_VIA'])) {
    // 找不到为flase,否则为true
        return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false;
    }
    // 脑残法,判断手机发送的客户端标志,兼容性有待提高
    if (isset ($_SERVER['HTTP_USER_AGENT'])) {
        $clientkeywords = array('nokia',
            'sony',
            'ericsson',
            'mot',
            'samsung',
            'htc',
            'sgh',
            'lg',
            'sharp',
            'sie-',
            'philips',
            'panasonic',
            'alcatel',
            'lenovo',
            'iphone',
            'ipod',
            'blackberry',
            'meizu',
            'android',
            'netfront',
            'symbian',
            'ucweb',
            'windowsce',
            'palm',
            'operamini',
            'operamobi',
            'openwave',
            'nexusone',
            'cldc',
            'midp',
            'wap',
            'mobile'
        );
        // 从HTTP_USER_AGENT中查找手机浏览器的关键字
        if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {
            return true;
        }
    }
    // 协议法,因为有可能不准确,放到最后判断
    if (isset ($_SERVER['HTTP_ACCEPT'])) {
    // 如果只支持wml并且不支持html那一定是移动设备
    // 如果支持wml和html但是wml在html之前则是移动设备
        if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {
            return true;
        }
    }
    return false;
}
  1. 添加判断
    进入网站后台--->控制台--->外观--->编辑当前外观--->post.php,添加判断。

mark

根据自己的网页需要进行修改,我的代码如下:

<!-- 广告位AD5  PC-->

<?php if ($this->options->ydggimg != "" && !isMobile()): ?>
<div class="prev-next sb br mb clearfix">
<?php $this->options->ydggimg(); ?>
</div>
 <?php endif;?>

<!-- 广告位AD5  WAP-->

<?php if ($this->options->ydggwap != "" && isMobile()): ?>
<div class="prev-next-gg sb br mb clearfix">
<?php $this->options->ydggwap(); ?>
</div>
 <?php endif;?>

效果展示

添加判断后,手机浏览网站,广告显示正常:
mark

评论列表 (已有0条评论)

消灭零回复

发表评论 (已有0条评论)

icon_lol.gif2016zhh.gif2016fendou.gif2016lengh.gificon_exclaim.gif2016gg.gif2016yhh.gificon_cry.gif2016bs.gif2016qd.gif2016bz.gificon_eek.gif2016ka.gif2016zhem.gificon_confused.gif2016qq.gif2016db.gif2016jk.gif2016tuu.gif2016zk.gif2016kk.gificon_neutral.gif