如何把Google广告发布在和讯博客的任意位置- 思影- seeing - 和讯博客
如何把Google广告发布在和讯博客的任意位置 [转贴 2010-02-19 15:57:20]   
如何把Google广告发布在和讯博客的任意位置

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

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

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

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

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

<div id=my_ads style="display:none">

<script type="text/javascript"><!--

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

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

google_ad_slot = "9735421389";

google_ad_width = 468;

google_ad_height = 60;

//-->

</script>

<script type="text/javascript"

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

</script>

</div>

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

<script>

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"><!--
google_ad_client = "pub-***************";
/* 468x15, 创建于 09-8-31 */
google_ad_slot = "4908165307";
google_ad_width = 468;
google_ad_height = 15;
//-->
</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"><!--
google_ad_client = "pub-********************";
/* 336x280, 创建于 09-9-17 */
google_ad_slot = "7937568958";
google_ad_width = 336;
google_ad_height = 280;
//-->
</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>

<script>
if(location.href.indexOf("default") < 0){
document.getElementById("ArticeTextID").innerHTML =document.getElementById("icn_ggads").innerHTML+document.getElementById("ArticeTextID").innerHTML;
      }
document.getElementById("icn_ggads").innerHTML = "";
</script>

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

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

<script>
if(location.href.indexOf("default") < 0){
document.getElementById("ArticeTextID").innerHTML =document.getElementById("ArticeTextID").innerHTML+document.getElementById("icn_ggads").innerHTML;
}
document.getElementById("icn_ggads").innerHTML = "";
</script>

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

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

</div>
</div>

<script>
if(location.href.indexOf("default") > 0){
document.getElementById("Blog").innerHTML = document.getElementById("wanboke_ggads").innerHTML+document.getElementById("Blog").innerHTML;
}
document.getElementById("wanboke_ggads").innerHTML = "";
</script>

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