现在越来越多的wordpress网站都是采用响应式主题,通过自适应的方式来实现PC和wap的适配,使用起来非常的方便。网站运营一段时间之后站长们都会跟寻小山一样会去申请联盟广告,这里就涉及到网站添加广告代码。而寻小山发现目前主流的广告联盟除了Google AdSense支持广告代码自适应外,国内百度联盟、360联盟都不支持自适应广告代码,移动广告代码和PC广告代码需要分开添加。
事实上,虽然很多自适应网站的设计都加入了广告模块,可以很简单的在网站后台广告模块添加广告代码实现广告展示。但是wordpress自适应主题是没有单独的移动主题,无法单独设置pc广告代码和移动端广告代码,那么怎样才能实现wordpress判断手机和PC端显示不同广告代码呢?
一开始在网上找了各种类似“php判断移动端和pc端函数代码”,后来发现wordpress 3.4.0版本以后就自带了移动设备判断函数wp_is_mobile(),这个函数就能判断用户是否采用移动设备访问网站,返回的结果是一个布尔值,即返回值为true或false。了解了这个之后就非常简单,具体操作步骤如下:
第一步:从广告联盟分别复制(合适尺寸、类型)PC和移动端广告代码
第二步:将要广告代码替换下面的代码:
<?php if ( wp_is_mobile() ){ ?>
<!– 移动广告代码 –>
<?php } else { ?>
<!– PC广告代码 –>
<?php } ?>
注意:<!– 移动广告代码 –>和<!– PC广告代码 –>分别替换为对应的移动端、PC端联盟广告代码。
第三步:在single.php、sidebar.php等需要展示广告的页面的合适位置粘贴第二步复制的代码即可!
有个很严重的问题 这种判断广告 在生成html静态时 就失效了
这是针对wordpress的,静态html肯定不行
如果用 Google AdSense 的自适应广告代码是不是就不用这样判断了呢?
Google的不用,国内的广告联盟才需要。