牛博哄哄 » 广告 http://www.niuhh.com 探索发掘IT网络，评论分享WEB精彩! Thu, 15 Jul 2010 02:09:58 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 网站提速方法之一:JS调用广告 http://www.niuhh.com/archives/156.html http://www.niuhh.com/archives/156.html#comments Fri, 14 May 2010 13:49:04 +0000 NiuHH http://www.niuhh.com/?p=156 网站提速方法之一:JS调用广告

很多网站为了或长远或短期的发展，都会在自己的网站/博客上投放一些广告，以获得一定的网站收支平衡。但由于广告提供者是网站外部接入的，具有不确定因 素，如广告服务器超负荷，线路故障等导致广告服务器失去响应；这个时候，如果你的网站使用的是JS插入方式的广告，那你的网站打开速度也会慢如蜗牛。    投 放广告的方式很多，最常用的是两种：直接调用外部js和外部iframe。这2种方法如果你是直接调用，那都不能解决自身网站的打开速度。在广告服务器响 应快速的情况下，还感觉不到什么。当广告服务器的响应速度慢于你的服务器打开的速度的时候，你就会收拖累了。    以前，不少人喜欢用 iframe的方式插入广告，这个是可以解决问题。但这种方式的缺点很明显：
1、iframe的高和宽是固定的，如果iframe是被成千上万个 静态页调用，而又需要调整高度和宽度，那你就要重新生成这么多的页面，麻烦；
2、一个iframe就占用服务器的一个进程，如果你的页面有多个 iframe，那么你的网站同时在线人数将受到限制，本来可以同时在线500人，由于调用自身的iframe很多，同时科承受人数将大打折扣。    所 以，我建议，使用js方式调用本站广告数据。具体操作方法如下：
1、首先在需要插入广告的地方写入：

<span id=”ad_1″></span>

2、 在页面源代码最下方，</body>之前插入以下替换广告代码：

<SPAN id=”ad_11″ style=”visibility:hidden;”>
<script language=”JavaScript” src=”/js/ad_1.js”></script>
</SPAN>
<SCRIPT>ad_1.innerHTML=ad_11.innerHTML;ad_11.innerHTML=”";</SCRIPT>

3、 在本地/js/ad_1.js路径下的ad_1.js里写入广告代码；这里的广告代码可以自由发挥，可以写诸如JS,IFRAME, 等；Google Adsense也支持此种方式的调用。    说明：其中style=”visibility:hidden;”表示下 面的这段代码在执行的时候隐藏，以免影响整站界面。路径/js/ad_1.js李的ad_1.js是网站服务器上的js文件，以后我们需要改变广告了，更 换广告了，直接在ad_1.js里修改广告代码就可以了，而且这种方式的调用，丝毫不会影响网站的整体打开速度，因为我们把广告调用代码放在网页最后面执 行了。    当然，如果你要更改广告的高度和宽度，也可以直接在这样的js里修改。js的语法支持2种方 式：document.write(“…AD…”);以及document.writeln(“…AD…”);（分行写入），其中双引号 也可改为单引号；如果用双引号，AD代码的遇到双引号时，需要转义符号\。具体的js语法，大家可以简单的学习下。

标签：, , ,

你可能对以下内容感兴趣

]]> http://www.niuhh.com/archives/156.html/feed 0 Google AdSense优化之给Google广告添加背景图片 http://www.niuhh.com/archives/8.html http://www.niuhh.com/archives/8.html#comments Sat, 16 Jan 2010 04:06:15 +0000 NiuHH http://www.niuhh.com/?p=8 Google AdSense优化之给Google广告添加背景图片

说如今是一个广告时代，一点都不错。生活中，广告无处不在。就拿互联网来说吧，无论是个人博客， 还是门户网站，到处可见广告。因为大型网站的生存支柱就是广告收入。对于无数的草根站长来说，Google AdSense应该排在前列。但是千篇一律的Google广告早就使人们厌烦。这就使得广告的点击量微乎其微。其实，我们完全可以给那些千篇一律的 google广告添加一些漂亮的背景图片，来个包装。人靠衣装，广告靠图装。

不过呢，要实现这样的效果，需要一些简单的CSS知识。当然你要首先准备好一些背景图片，大小根据你要投放的广告尺寸，适当的加宽加长即可！然后上传到你的网站空间或者网上的免费图片存储空间！ 我们以468*60的尺寸为例，制作一个480*70的背景图片：

  • <div style=”padding-left: 10px; float: right; background-image: url(图片网址); width: 480px; padding-top: 10px; background-repeat: no-repeat; height: 70px;”>AdSense广告码放在这裡</div>

代码解释：

float: right: 让广告整体靠右边显示，你也可以用left，或者不要这句，广告显示在默认位置！

background-image: url(图片网址): 这几是你的背景图片，填入图片相对或绝对地址即可！

height: 70px; width: 480px: 背景图片的高和宽，为像素尺寸！

padding-top: 10px: 广告代码相对与背景图片上面的间距

padding-left: 10px: 广告代码相对于背景图片左边的间距（上面两项可以在以后进行细调，让广告显示在背景图片的合适位置）

background-repeat: no-repeat: 背景不需要重复

这样，你的广告就可以有一个漂亮的背景图了！当然，你也可以把上面的属性定义到Css文件里，在添加广告的地方直接调用即可，如：

  • #adsense_468 { width: 480px; height: 70px; background-image: url(图片地址); padding-top: 10px; padding-left: 10px; background-repeat: no-repeat; }

然后我们在广告位调用

  • <div id=”adsense_468″>广告代码放在这里</div>

NiuHH认为给Google广告添加背景图片是优化Google AdSense的一个重要例子。这些经验来源网络，也应用网络。不断学习，不断挖掘经验，不断地与大家分享。希望大家常来牛博哄哄做客！

» 本文链接地址：http://www.niuhh.com/archives/8.html
标签：,

你可能对以下内容感兴趣

]]> http://www.niuhh.com/archives/8.html/feed 0