《帝國(guó)CMS系統(tǒng)》怎么設(shè)置手機(jī)端和電腦端顯示不同廣告的代碼
有的聯(lián)盟的部分廣告代碼支持自適應(yīng)屏幕,比如谷歌的和360的。就不用這樣操作,直接放聯(lián)盟代碼就行。百度聯(lián)盟手機(jī)端的在電腦上可以顯示,電腦端的在手機(jī)上不能正常顯示。
如何放入手機(jī)和電腦端顯示不同的廣告代碼;
1.首先在要顯示廣告的頁(yè)面加入CSS:
<style type="text/css">
.pc_ad{display:block;}
.m_ad{ display:none}
@media(max-width:768px) {.pc_ad{display:none !important;}.m_ad{display:block !important;}}
</style>
上面CSS的意思:
display:block 這是顯示的意思
display:none 這是隱藏的意思
@media(max-width:768px) 判斷頁(yè)面寬度小于768PX的時(shí)候顯示后面{ }的樣式。
2.找到想添加廣告的地方,然后在模板里面想顯示廣告的地方放入下面的代碼!可以先放入,生成刷新后看看效果,不行在換一個(gè)地方放入。放入后,要刷新后,才會(huì)顯示的)
<div class="pc_ad">此處放入顯示在電腦上的廣告代碼</div>
<div class="m_ad">此處放入顯示在手機(jī)上的廣告代碼</div>
重要提示:這樣的代碼,對(duì)于有些聯(lián)盟,可能會(huì)認(rèn)為是廣告作弊。前段時(shí)間在某聯(lián)盟貼吧,看到有人反映帳號(hào)被封。這樣的方法,兩種代碼都從聯(lián)盟調(diào)用出來(lái)了,但是只顯示了一種,另一種被CSS隱藏起來(lái)了。使用前請(qǐng)確認(rèn)廣告聯(lián)盟是否允許這樣操作。