网站制作

网站设计公司浅析网站广告自适应设计

文章编辑:网站建设 文章来源:网站设计 浏览量:

  网站设计公司浅析网站广告自适应设计,所谓自适应网页设计,就是让同一个网页代码,能够在不同设备上都能有更好的浏览体验。基本上,对双栏网站来说,修改最简便,只要在HTML头部增加viewport标签,在CSS文件尾部增加针对不同屏幕分辨率的规则,布局宽度使用相对宽度,隐藏侧栏。半小时就能提升网站的手机移动浏览体验。
  但是网站修改完成后,我们会发现原先的GoogleAdSense广告单元并没有实现自适应,浏览体验并不好。实际上,只要简单的几步操作,就能让GoogleAdSense广告实现自适应设计。
  最简单的方法是新建一个广告单元,在“广告尺寸”里选择“自适应广告单元”即可,现在主要讨论一下原有的旧广告单元如何实现自适应设计。
  首先,如果原有的GoogleAdSense广告代码类型为“同步”,就必须先将代码修改为“异步”代码。登录GoogleAdSense后台,在相应的广告单元里,点击“获取代码”,目前默认的代码就是异步代码。之后,我们需要对代码进行一些修改,修改的方法有两种。
方法1:智能调整尺寸
方法2:高级调整尺寸
  经过这样的修改,原有的GoogleAdSense广告单元即可实现自适应网页设计。有些用户可能会疑虑,这种方法修改了GoogleAdSense的广告代码是否符合Google的政策。根据GoogleAdSense的官方网页介绍,如上的自适应设计的代码修改是可以接受的修改。因此,与网站相适宜的广告修改并不违反GoogleAdSense的政策。
经过这样的修改,AdSense广告内容也可以正常在手机上展示了。深圳网站设计公司本文关于“网站设计公司浅析网站广告自适应设计”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:https://www.198bona.com/construction/design/5085.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。