在不同尺寸屏幕上显示不同大小的Google AdSense 广告

标签: Google 搜索引擎 | 发表时间:2012-12-18 23:04 | 作者:[email protected] (散人)
出处:http://www.eryi.org/
随着移动网络和设备的蓬勃发展,互联网接入终端的屏幕尺寸大小也越来越多样化,这些终端设备包括PC、笔记本电脑、智能手机和平板电脑等。同一个网页,在不同屏幕大小的设备上的浏览效果和用户体验可能千差万别。对于 网站管理员而言,如何让自己的网站在不同设备上浏览时都具有良好的体验,是设计时需要解决的一个关键问题。而当你的网站上放置有 Google AdSense 广告的话,如何让Google AdSense 广告针对不同的设备自动调整大小,同样也是提高用户体验和广告点击率需要考虑的重要因素。
self-adaption size

为了达到这一目的, 只需要使用一段简单的 JavaScript 代码即可针对不同设备的屏幕尺寸自动调整网站内容和 AdSense 广告形式,这就是所谓的“响应式设计”。实现步骤如下:
一、首先在Google AdSense 管理后惕啊制作多种不同尺寸的广告,例如常见的728x90、468x60 和 300x250。
二、然后,采用“if-else” JavaScript 代码段实现根据用户设备的屏幕尺寸投放适合的广告尺寸。具体代码如下所示:

<script type="text/javascript">
google_ad_client = "ca-publisher-id";
if  (window. innerWidth  >= 800) {
google_ad_slot = "1234567890";
google_ad_width = 728;
google_ad_height = 90;
} else if  (windows.innerWidth < 400) {
google_ad_slot = "2345678901";
google_ad_width = 300;
google_ad_height = 250;
} else {
google_ad_slot = "3456789012";
google_ad_width = 468;
google_ad_height = 60;
}
</script>
<script type="text/javascript"
 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

其中,ca-publisher-id 为你的Google AdSense 发布商ID,在AdSense管理后台顶部可以看到。google_ad_slot 为所创建的不同尺寸的广告的渠道ID。

需要特别说明的是:上述针对网站自适应屏幕大小进行的响应设计JavaScript代码是Google 允许的,这也是Google唯一建议修改的代码。而根据AdSense 合作规范,其它未经Google许可擅自对Google AdSense 代码进行任何更改都是违反 AdSense计划政策的。

此外,Google 也在不断地广告形式进行 优化,最近又针对移动设备做了一些改动:为了使移动设备的文字广告外观和感觉和电脑的更一致,Google给移动设备上的AdSense 文字广告加了一个新的可点击箭头图标,此外,对字体大小、间距、边内补白和文字版式也进行了优化。
版权所有,转载时必须以链接的形式注明以下声明:
原载于 搜索引擎周边
链接地址 http://www.eryi.org/SearchEngines/google-adsense-self-adaption-size.html
-----
关注我们的微博: 新浪微博 腾讯微博
相关文章:

相关 [屏幕 同大 google] 推荐:

在不同尺寸屏幕上显示不同大小的Google AdSense 广告

- - 搜索引擎周边
随着移动网络和设备的蓬勃发展,互联网接入终端的屏幕尺寸大小也越来越多样化,这些终端设备包括PC、笔记本电脑、智能手机和平板电脑等. 同一个网页,在不同屏幕大小的设备上的浏览效果和用户体验可能千差万别. 对于 网站管理员而言,如何让自己的网站在不同设备上浏览时都具有良好的体验,是设计时需要解决的一个关键问题.

Mac版Google Chrome新增Lion专用全屏幕模式

- 幻幽 or A書 - cnBeta.COM
早在Mac OSX Lion推出不久,八月初的时候,Google Chrome就在Chrome Canary实验版本中,加入了对Lion的全新全屏幕模式和卷动列的支持. Google Chrome的这个全屏幕模式,跟其他一般Lion软件的全屏幕有点不同,它拥有两种显示模式,可选择显示工具栏与否. 现在,这些功能终于成熟,加入在最新的稳定版本当中.

用 48 块屏幕组成的超大屏幕上以上帝视角观看 Google Earth

- 请叫我火矞弟 - 谷奥——探寻谷歌的奥秘
不知道还有人记得Liquid Galaxy这货不. 它是当初Google得瑟Google Earth的利器──一个由8块55寸超大屏幕组成的半圆形组合大屏幕,通过一个遥控杆来控制视角,利用Google Earth的图像在地球各个地方飞来飞去. 去年年底,巴黎城市和建设中心Le Pavillon de l’Arsenal联系Google公司说他们能否利用Google Earth的强大威力建造一个新的互动大屏幕,突出显示出未来巴黎2020年城区的样子,而且是要做成3D的.

Google Open Project 使 Android app 在任何联机了的屏幕上「运作」(视频)

- - Engadget 中国版
Google Chromecast 已经是一个相对地方便用户把行动装置影像同步至其他屏幕的装置,不过 Google 并没有因此而满足. Google Research 部的研究科学家 Yang Li 在 Google 的 Research Blog 上跟我们分享了一项名为「Open Project」的技术,它可以将 Android 手机上的程序影像实时在一个连接了的屏幕上同步播放.

谷奥: Google = Google+

- 吞佛 - 谷奥聚合——谷奥主站+谷安 aggregator
在上周举办的Google Zeitgeist 2011大会上,John Battelle问Larry Page:在Google大部分的历史里,人们会想到搜索,那么Google品牌=搜索. 但在随后Google的发展史里,Google品牌会等于什么. Larry Page并未直面回答这个问题,至少没有从市场角度来回答.

Google宣布Google CDN

- way - Solidot
Google宣布了最新的帮助加快互联网速度的工具Page Speed Service,加快静态网页的载入速度,不支持动态网页. 在开发者注册该服务之后,可将网站的DNS入口记录指向Google,然后Page Speed Service从服务器上抓取内容,采用最佳的Web性能方案重写网页,通过Google在全球部署的服务器将内容展示给终端用户,加快网页载入速度.

【译】屏幕设计模式

- 志强 - 所有文章 - UCD大社区
模式是广泛适用的解决一般问题的解决方案. 在开发应用程序过程中,无论是面对抽象还是实际问题,模式都大有用处. 而标准屏幕模式对于优秀的Web程序甚至企业级软件都很有帮助. 摘要/细节(Master/Detail). 摘要/细节模式可横向也可竖向. 该模式是满足用户既停留在一个页面又可浏览多个条目需求的典范.

android截取屏幕图片

- - BlogJava-首页技术区
                mButton.setText("截屏次数:"+mPrintNum);.         //1.构建Bitmap   .         //2.获取屏幕   .         //3.保存Bitmap    .             //文件   .                 Toast.makeText(this, "截屏文件已保存至SDCard/PrintScreenDemo/ScreenImage/下", Toast.LENGTH_LONG).show();   .

android 屏幕适配原则

- - CSDN博客推荐文章
      Android手机屏幕大小不一,有480x320,640x360,800x480.怎样才能让App自动适应不同的屏幕呢. 其实很简单,只需要在res目录下创建不同的layout文件夹,比如:layout-640x360,layout-800x480,所有的layout文件在编译之后都会写入R.java里,而系统会根据屏幕的大小自己选择合适的layout进行使用.

8行javascript录制屏幕

- - Est's Blog
看到个骚操作,玩了一下,写了个 bookmarklet. 这段代码也是很多WebRTC共享白板的实现原理. 看起来也很简单,而且不需要额外的权限确认. 如果不需要另存为一个名字,则可以直接 location.assign() 又节约几个字. 不知道还有没有办法继续节约代码量. 只是很好奇为啥chrome不支持 .mp4 封装.