不用插件,zblogphp实现区分PC端和移动端的联盟广告

目前除了google的广告可以自适应移动和PC端外,国内百度联盟的广告是分开代码的,现在很多博客和站点都是自适应型的模板,比如zblogphp程序的,部份收费主题是可以区别,但是更多模板是没有适配区分移动端和PC端的广告位,有插件可以实现,但是插件是统一插入指定位置,非常的不灵活;

九天记录分享一个不需插件,通过CSS控制代码就可以实现自适应站点区分PC端和移动端联盟广告的代码;

这里以日记坊的模板例,是自已改写自一个免费的模板,没有适配广告位,我通过主题自带插件include.php文件插入一个后台广告位,专用于放置广告代码,然后将其调用到自已想要出现的位置,下面贴上具体方法;

首先,在CSS文件任意位置,最好是在末尾处贴上下面代码:

.pcad{display:block;}                /*显示*/
.ydad{ display:none;}               /*隐藏*/
@media(max-width:768px) {            /*判断浏览器中的页面最大宽度*/
.pcad{display:none !important;}      /*如果页面宽度小于768PX则隐藏*/
.ydad{display:block !important;}    /*如果页面宽度小于768PX则显示*/
}

/*---*/是注释,可以用不贴上去;

然后就是在想要贴广告的位置将代码贴上去:

<div class="pcad">rijifang-ad01</div>     /*PC端的广告代码*/
<div class="ydad">rijifang-ad02</div>     /*移动端的广告代码*/

这样就可以实现区分移动和PC端的广告了。

日记坊 rijif ang.com
打赏
转载请注明出处;
本文地址:https://rijifang.com/index.php/post/15182.html
相关热文

发表评论: