|
如果你的网站非常大,有几千甚至几万个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政策。 |
|