巧施妙计 让网站广告“变化多端”

站长空间

目前大多数网站和博客都依靠投放各种广告来实现盈利。这样一来广告的投放技巧就成了值得揣摩的问题。如果单一的图片或者文字广告长期放置在某个地方不加变换,很容易让浏览者产生厌倦感。这样一来广告所要达到的效果就大打折扣。下面教给大家一种能将广告图片轮换显示的方法。

图片素材准备

浏览者在浏览网页时,刷新页面就能够显示新的广告图片。在访客进入多个页面的时候,看到的就是不同的广告图片了。这种广告显示方案可以最大化利用网站的广告位资源,并且能给访客以新鲜感,增加广告的点击率。

要实现这一效果,首先需要准备若干用于变换的广告图片,并且要根据广告位置对图片大小进行统一,而后将这些图片放置于一个文件夹内便于整理,图片的名称就可以设置为01.gif、02.gif等。

因为每张图片都可以对应不同的广告链接地址,所以在整理完图片素材之后,可以将广告链接到的地址整理一番,便于在后面制作实现变化效果的JavaScript文件。

提示:广告图片既可以使用gif格式也能够用jpg格式,但是最好整套图片的格式统一,便于以后的维护和管理。

制作JavaScript文件

图片素材和链接地址整理完成之后,就可以开始制作JavaScript文件了。变换图片的效果就是通过该JavaScript文件来实现的。

Step1:打开网页编辑工具Dreamweaver,创建一个类别为“基本页”的JavaScript文档,而后在新建立的文档中输入以下代码:

var p=5;

var q=Math.floor(Math.random()*p+1)

switch(q)

其中,第一行的参数“5”表示共有五张图片进行轮换。可以根据具体需要进行修改。

Step2:接下来要输入图片具体对应的代码,以下代码中,www.cpcw.com表示广告点击后到达的地址,而“http:\/\/www.cpcw.com\/ad\/1.gif\”则表示广告图片的地址,它的意思就是图片是域名www.cpcw.com下ad文件夹中的文件1.gif,在输入时需要根据实际情况进行替换。

{

case 1:

document.writeln(“<a href=\”http:\/\/www.cpcw.com\“target=\”_blank\“><img src=\”http:\/\/www.cpcw.com\/ad\/1.gif\“ border=\”0\“\/><\/a>”);

break;

分别按照同样格式输入多个广告代码,输入完最后一行代码后加上表明结束的符号“}”即可。

我们也可以通过记事本等软件来进行JavaScript文件的编写,但使用网页编辑软件的好处是可以清楚明了地看到所输入的代码是否正确(如图)。

01-f17-02.jpg

提示:因为JavaScript文件使用的格式与以往使用格式不同,如果出现广告图片无法显示的错误,或者是广告链接无法打开,肯定是因为没有进行JavaScript格式转换的缘故,可以使用“HTML转JavaScript”页面进行网址格式的转换(http://www.hao123.com/haoserver/jstohtm.htm)。

将广告代码置入网页

广告的JavaScript代码制作完成后,如果是用Dreamweaver软件,则需要在保存时选择格式为JavaScript文档,保存为一个形如“ad.js”的JavaScript文件。

然后将该JavaScript文件上传到网站空间中,进入网站或者博客后台,选择放置广告的位置,在源文件中加入调用该JavaScript文件的代码:

<script src=‘ad/ad.js’language=‘javascript’></script>

其中src=后的‘ad/ad.js’表示JavaScript文件在网站中的地址是在ad文件夹中,可以根据实际的放置位置进行修改。

代码放置完成后,再刷新页面看看效果,是不是每刷新一次就变换了一张广告图片?经过笔者自己的实践,这种投放广告的方式比一般的图片广告更能吸引访客的点击。怎么样?赶紧改变一下你死板的广告表现形式吧。