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

时间:5年前   阅读:6958

我们都知道网站的布局由于手机站显示有很大的局限性和 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,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:上证50ETF期权看不跌策略要怎么做?

下一篇:如何从行情中看期权时间价值的衰减?

网友评论

请先 登录 再评论,若不是会员请先 注册