Google Adsense的JS投放代码

[复制链接]
查看: 1149   回复: 4
发表于 2007-8-25 15:04:45 | 显示全部楼层 |阅读模式
如果你的网站非常大,有几千甚至几万个HTML文件,那么每完全重新生成一次是非常令人烦恼的问题。很多朋友直接把google adsense的代码放在网页中,这样,一旦该广告代码的点击率下降、颜色和网页颜色不搭配的时候,我们要想修改广告代码,就必须全站生成。

    今天我就给大家分享如何用JS实现广告的灵活投放。用JS投放有这样几个优点:

    1.方便广告的置换和更改,比如修改GOOGLE ADSENSE的尺寸,颜色甚至广告单元在网页中的位置。

    2.大大缩小了网页的体积,不仅更有利于提高用户浏览时的打开速度(尽管这一速度在流量小时是可以忽略的),而且也清除了很多SEO无效果的代码,从而突出网页的真实内容。

    3.大大降低了多网站空间的使用量。

第一步,编辑JS文件,将以下代码复制到你的JS文件中,并保存为XXX.JS 上传到网站根目录。

document.writeln("<script type=\"text\/javascript\"><!--");
document.writeln("google_ad_client = \"pub-此处填写你的PUB号码\";");
document.writeln("google_ad_width = 336;");
document.writeln("google_ad_height = 280;");
document.writeln("google_ad_format = \"336x280_as\";");
document.writeln("google_ad_type = \"text\";");
document.writeln("google_ad_channel = \"此处填写渠道号\";");
document.writeln("google_color_border = \"FFFFFF\";");
document.writeln("google_color_bg = \"FFFFFF\";");
document.writeln("google_color_link = \"ff0000\";");
document.writeln("google_color_text = \"000000\";");
document.writeln("google_color_url = \"ffffff\";");
document.writeln("google_ui_features = \"rc:10\";");
document.writeln("\/\/-->");
document.writeln("<\/script>");
document.writeln("<script type=\"text\/javascript\"");
document.writeln("  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">");
document.writeln("<\/script>");

代码中各部分和google adsense的原代码是对应的,我就不多说了。

第二步:在网页中加入JS引用
说明此段代码需要加到body内,如果用的是CMS,建议加到模板中正文部分,并放在正文的CMS标签前。
<div id="google"><SCRIPT language="javascript" src="/google.js"></SCRIPT></div>

第三步:在网页引用的css文件中加入对应的CSS代码

#google {display:block;float:right;width:336px;height:280px;margin:0;padding:0;}
说明: float:一般选右对齐,即foat:right 可选left
margin是边线距,即广告单元和周围正文的四周距离,取值为px。如果要突出广告单元,建议为 5px,如果不想突出广告单元,取值为0px.
此外,我们还可以在CSS中加背景图片,但是事前请参考google adsense政策。
发表于 2007-8-25 16:13:50 | 显示全部楼层
沙发...顶...
回复 支持 反对

使用道具 举报

发表于 2007-8-25 17:53:38 | 显示全部楼层
好东西,收藏了
回复 支持 反对

使用道具 举报

发表于 2007-8-26 10:43:01 | 显示全部楼层
这个不错,我就这样用的
回复 支持 反对

使用道具 举报

发表于 2007-8-26 17:35:02 | 显示全部楼层
不错,谢谢!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则