H5自适应网站设置百度联盟广告代码教程

一直以来,百度联盟广告都挺让小编头疼的,因为我们的网站是H5自适应网站,并没有独立的手机端来跟PC端进行区分,但百度联盟的广告代码却对手机端和PC端进行了区分,这一点真的没法跟Google AdSense比啊,人家那真是把代码优化到了🔊,不仅变着法的增加广告样式,就连广告代码那都是自适应的,大家根本不需要为PC还是移动头疼,算了继续说H5自适应网站设置百度联盟广告代码教程吧。

H5自适应网站设置百度联盟广告代码教程

H5自适应网站如何设置百度广告联盟代码

上面小编已经提到了,百度广告联盟代码分为两种,一种是PC端的广告代码(电脑网页),另一种是移动端的广告代码(WAP网页),这两者广告代码虽然都可以直接用在网页上面进行广告展示,但是计费方式不同,而且百度广告联盟对这种放置好像还会惩罚,惩罚也就算了,这样放代码,会造成页面非常混乱,百度广告展示也是非常不美观。

那到底该怎么才能在H5自适应的网站页面正确投放百度广告代码呢?别急,大家先通过不同的客户端看一下我搞好的页面效果,然后,你在确定要不要继续往下看本教程吧。

H5自适应网站设置百度联盟广告代码教程

查看示例页面

🔹   示例页面直达:>>>网页入口<<<

好了,大家分别用手机或者电脑浏览器看完上面网页后,发现没有,在这个页面展示的百度联盟广告代码,已经区分了PC端跟移动端,PC端展示的是PC端广告代码,移动端展示的是移动端广告代码,大家想不想知道这个判断区分是怎么实现的?我知道你们一定是想知道的,好吧,那我们继续往下看。

H5自适应网站设置百度联盟广告代码教程

判断PC和移动访问的代码分享

<style type="text/css">
.pc_acmsd{display:block;}
.m_acmsd{ display:none}
@media(max-width:768px) {
.pc_acmsd{display:none !important;}
.m_acmsd{display:block !important;}}
</style>
<div class="pc_acmsd">
    <center>
<script type="text/javascript">
            var cpro_id = "u6868539";
            
    </script>
    <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>
    </center>
</div>
<div class="m_acmsd">
    <center>
<script type="text/javascript">
            var cpro_id = "u6868540";
            
    </script>
    <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>
    </center>
</div>

上面的代码,会自动判断用户是从手机端还是电脑端进行访问的,从而为相关用户展示对应端的百度联盟广告,大家在使用这段代码时,需要将 var cpro_id = “u6868539” 内的 “u6868539” 改为你的。

H5自适应网站设置百度联盟广告代码教程

结尾

好了,今天为大家分享的H5自适应网站设置百度联盟广告代码教程,就分享完了,可有帮助到大家?如果大家觉得本文还不错,麻烦大家点赞支持,您的支持是小编分享的动力。

微信关注

服务器吧 原创文章,发布者:服务器租用,如若转载请注明出处:https://www.fuwuqizuyong.cc/wangzhanjianshe/6680.html

(86)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年12月1日 下午5:21
下一篇 2022年12月24日 下午7:30

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

0311-8343-7686

在线咨询:点击这里给我发消息

邮件:564999054@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

微信客服
微信客服
分享本页
返回顶部
CTRL+D 快速收藏本站   便宜云服务器:传送门