【教程】如何把Google广告发布在和讯博客的任意位置- 天涯有我一路相伴 ...企业库|免费b2b网站

【教程】如何把Google广告发布在和讯博客的任意位置- 天涯有我一路相伴 ...

【教程】如何把Google广告发布在和讯博客的任意位置 [转贴 2010-07-02 15:37:51] 删除...

【教程】如何把Google广告发布在和讯博客的任意位置

来源: gumilianmeng.blog.hexun.com/24634302_d.html 收藏整理：博客{tx}大全

和讯博客提供了自定义html模块，供广大博友添加任意代码，当然现在加了限制，要等级达到钻石级（即积分233000）才能添加JS，不过没有关系，如何下面谈谈突破这些限制。

前提，你得懂一些Javascript，但不是必要的，看完了本文，我想傻瓜也可以做了，呵呵。。。

1、在想发布的页面，查看html源文件，找到你想要发布广告的位置，比如要在页面头部导航位置，你可以在此位置找到一个DIV标签，它的ID = site_description,对了，找得就是这个ID的值了，呵呵。。。

2、把你的广告代码前面后面加上如下蓝色的部分，具体原理我就不介绍了，介绍了反而迷糊，如果不懂HTML的话；懂的话，一看便知。

google_ad_client = "pub-7**8487****34550";

/* 468x60, 创建于 07-12-18 */

google_ad_slot = "9735421389";

google_ad_width = 468;

google_ad_height = 60;

//-->

</script>

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

</div>

3、然后再在上面的源码位置后面添加如下的Javascript代码，这是关键。

document.getElementById("site_description").height="60px";

document.getElementById("site_description").innerHTML += document.getElementById("my_ads").innerHTML;

document.getElementById("my_ads").innerHTML = "";

</script>

4、把上面的代码一起添加到自定义html代码中即可。保存后，刷新页面看效果吧，呵呵。。。

PS: 原理：就是利用JS把广告源码添加到页面DIV控件里，到达在任意位置发布广告的目的，当然你要找得DIV一定需要有ID，否则，JS就得不到这个DIV控件，没法给它赋值。

备用例子1：

<div id="yayb1_ggads" style="display:none">
<div align=center>
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>

<div id="yayb_ggads" style="display:none">
<div align=center>
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>

<script>
if(location.href.indexOf("default") > 0){
document.getElementById("cntDiv").innerHTML = document.getElementById("cntDiv").innerHTML+document.getElementById("yayb_ggads").innerHTML;
document.getElementById("PnumBgDiv").innerHTML =document.getElementById("yayb1_ggads").innerHTML+document.getElementById("PnumBgDiv").innerHTML;
document.getElementById("MessageBoard").innerHTML =document.getElementById("MessageBoard").innerHTML+document.getElementById("yayb1_ggads").innerHTML;
}

document.getElementById("yayb_ggads").innerHTML = "";
</script>

备用例子2

说明：每一篇博客文章标题{dy}行。

<div id="icn_ggads" style="display:none">
爱中国免费资源提醒在这里写你的广告代码··
</div>

说明：上一篇文章上面位置：

<div id="icn_ggads" style="display:none">
爱中国免费资源提醒在这里写你的广告代码··
</div>

说明：个人门户页面“博客”模块上方

<div id="wanboke_ggads" style="display:none">
<div align=center>
请在这里添加您的广告代码

</div>
</div>

我最近在玩和讯财经微博，很方便，很实用。
一句话，一张图，随时随地与我分享理财心得与亲历见闻。
点击以下链接xx，来和我一起玩吧！

郑重声明：资讯【【教程】如何把Google广告发布在和讯博客的任意位置- 天涯有我一路相伴 ...】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——