« 走出SEO的误区QQ表情大全 »

用jQuery给Z-Blog动态添加广告的方法

很久前就有人在Z-Blog论坛发帖,询问如何在首页第一篇文章下动态添加广告。这个问题要是在动态页面下是很容易实现的,然而在静态化程度很高的Z-Blog这里就不好实现了——当然,静态化处理的优势也是很明朗的,这里就不说了。

回到话题。对于刚才说到的问题,很久以来都是不好解决的,有没有人尝试不知道,只知道这个问题一直留在那边没有得到解决。直到后来本人在学习jQuery的时候,才突然想出了解决之道,下面将我的方法分享出来。

第一步,将广告(非Google广告)代码添加到模板文件default.html的某个位置,使用div嵌套,并且控制显示方式为隐藏,如下:

<div id="AD" style="display:none; ">
<!-- 广告代码从这里开始 -->
</div>

第二步,建立js文件,保存为UTF-8格式,命名(比如叫ad.js),为了统一,将该文件放到script文件夹下。ad.js代码为:

$(document).ready(function(){
$("#AD").insertBefore("#divMain .post-tags:eq(0)").css("display","inline");
})

第三步,在模板文件default.html的head结点中找到common.js的引用位置,在这个位置后添加ad.js的引用,也就是这个样子:

<script language="JavaScript" src="<#ZC_BLOG_HOST#>script/common.js" type="text/javascript"></script>
<script language="JavaScript" src="<#ZC_BLOG_HOST#>script/ad.js" type="text/javascript"></script>

第四步,进行索引重建(1.8Devo之后的版本没有“索引重建”,可以通过其他可以达到“索引重建”效果的方法实现,这里就不说了)。 

关于以上方法有几个说明:

  1. 在使用过程中发现Google Adsense不能采用这种方法调用,这跟Google的机制有关,不是这里所讲的方法的问题。阿里妈妈的广告和其他内容均可使用。
  2. 这里所讲的是控制广告代码——实际上其他内容亦可以通过该方式实现。
  3. 由于Z-Blog在设计中已经很早就使用了jQuery,在common.js里就应用了,所以这里无需再次引用jQuery文件。
  4. 如果想在第二篇文章下显示,只需将第一步中的eq(0)改为eq(1)即可,一次类推。
  5. 这里所讲的是首页的使用,其他页面在使用当中需要注意页面的结构,对代码适当修饰即可。
  6. 其他程序的站点同样可以使用该方法动态加载某些内容。


本文链接地址:http://www.henshiyong.com/archives/107.html

转载请注明:转载自很实用博客网站 [ http://www.henshiyong.com ]

发表评论(Open/Close):

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  •  18.希子  http://www.hopeseed.cn
  • 你文章底部的GG AD是如何添加的?能教教我么?
    我按照网上的教程添加没用哦,文件重建了也没用。。。

    首页正文底部添加方法
    打开 \TEMPLATE\default.html,找到下述代码
    <div id="divMain">
    <#template:article-multi#>
    在上述代码下方插入你的GGAD代码即可

    这个,我试过了,不行哦,我这边查出来是这样的代码:
    <div id="divMain" class="main">
    <div id="postMulti">
    <#template:article-multi#>
    我在这个代码下加了我的GG代码,但是没有显示,文件重建了也没用哦,请问一下,能教教我么?
    admin 于 2009-2-4 12:34:33 回复
    如果要添加在文章底部的话,就应该把GGAD代码添加到模板文件b_article-single.html中的<#article/content#>下面。然后再进行重建操作。
  • 2009-1-20 21:34:54 回复该留言
  •  10.ruixiang  
  • 能不能告诉我,这样添加一个广告,有什么意义啊?
    很实用网站 于 2008-9-24 20:08:28 回复
    如果你现在不能体会,那么当你需要的时候自然会知道他的实际价值,呵呵~~
  • 2008-9-24 15:55:05 回复该留言
  •  8.很实用网站  http://www.henshiyong.com
  • 你的当然不能显示了:你把广告代码注释掉了...去掉注释就可以了。1
    lovehr 于 2008-9-23 13:35:13 回复
    什么注释掉了?什么意思啊?
    lovehr 于 2008-9-23 13:36:07 回复
    就是说第一步的代码放在哪里啊,是任何一个位置吗?
    很实用网站 于 2008-9-23 20:16:24 回复
    位置不是很重要,关键的是你不要把代码注释了,那样怎么能显示出来?
    lovehr 于 2008-9-24 15:01:47 回复
    兄弟,一直不明白你说的什么不要把代码注释掉了,到底是什么意思啊?你不入把第一步的带广告代码的完整代码发出来我看看。。。
    很实用网站 于 2008-9-24 20:07:40 回复
    查看我页面的源文件吧~~
  • 2008-9-23 11:57:32 回复该留言

订阅博客

  • 订阅很实用网站
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过抓虾订阅本站
  • 通过飞豆订阅本站
  • 通过电子邮件订阅本站

站内搜索

最新评论及回复

AD

最近发表

Powered By Z-Blog 1.8 Devo Build 80201

Copyright www.henshiyong.com. Some Rights Reserved.