如果你的网站非常大，有几千甚至几万个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政策。
作者：酷影小何（QQ：8409505）
首发：seodoor.com
转载请保留以上所有信息。