本站每篇文章的查看页面中,在“留言”按钮的旁边,都有一个分享按钮,如下图的“收藏到……”,鼠标悬浮于其上时,会弹出一个对话框,你可以利用它将文章收藏到其他网站:

JiaThis

文章来源:http://www.codelast.com/

这个工具是加网http://www.jiathis.com/)提供的。其原理非常简单:在你的页面中嵌入一段JavaScript代码,每次你打开购入了该代码的页面时,JS会向服务器请求那一部分内容,等服务器端返回了图片和JavaScript之后,你就会看到上面的效果了。

据加网自己的说法,它是国内最大的“分享”工具提供商,并且它声称它的速度比市场上其他同类产品加载都要快。其实这个“快”,有两个过程:一是从CDN加载.js文件的过程(这个就是比CDN的速度以及js文件的大小);另一个就是点击了分享工具之后,redirect到其他网站的过程,这个过程需要加网的服务器端程序来实现,后面可能是一个服务器集群,上面部署着一堆相同的程序,这个过程的快慢就依赖于其响应速度了。

从加网自己的评测来看(在这个链接:http://www.jiathis.com/news/html/fast-speed-jiathis),它只测了第一部分,也就是比CDN速度以及js文件的大小,并没有测第二部分,所以第二部分是否仍然领先,还不知道。不过作为一个普通使用者,谁会在乎那么多呢,甚至都不知道有这么回事。

文章来源:http://www.codelast.com/

下面就是你如何像我一样,在WordPress中嵌入加网的工具的方法:

JiaThis官方有一个WordPress插件,但是它声明只支持3.0.1及以下版本,而现在的WP都到3.0.3了,因此还是手动改WP代码比较好。这里我只以我使用的theme为例(其他的theme可能稍有不同,但应该是差不多的)。

(1)首先你要去加网获取JiaThis的一段JavaScript代码,然后把它嵌入到你的网站中。这里要说明一下,如果你在加网注册一个帐号,然后再取JiaThis代码,是可以体验“数据分析”功能的。其实它就是为了分配了一个uid,就像Google Analytics的原理一样,当有用户点击你网站上的JiaThis分享文章的话,布在你网站上的JiaThis代码就会带着你的uid一起传给加网的服务器端程序,然后服务器端程序会解析出这个uid,然后将它保存下来,然后你就可以在加网查看到你的数据统计情况了。所以,如果你不在加网注册一个帐号的话,就没有这个功能,只能简单地在你的网站上添加一个分享按钮。

(2)找到你的WordPress的 wp-content/themes/cordobo-green-park-2/ 目录下(cordobo-green-park-2 是我的theme的名字,你也需要找到你的theme名)的single.php文件,这个文件就是文章查看页面的代码文件,找到下面这段代码:

    <h1><?php the_title(); ?></h1>

    <small class="meta">

    <span class="alignleft">

    <?php the_time(__('F jS, Y', 'default')) ?> <?php _e('by', 'default'); ?> <?php the_author() ?>

    <?php edit_post_link(__( 'Edit this entry', 'default' ), ' | ', ''); ?>

    </span>

    <a href="#comments" class="alignright button-style" rel="nofollow"><?php _e('Leave a reply', 'default'); ?> &raquo;</a>

    </small>

 

 

然后在“</small>”上面,添加上你从加网获取的代码,添加之后,形如(注意千万别抄我的,因为对你的数据统计来说没用):  

 

    <a href="#comments" class="alignright button-style" rel="nofollow"><?php _e('Leave a reply', 'default'); ?> &raquo;</a>

    <span class="alignright">

    <!-- JiaThis Button BEGIN -->

    <a href="http://www.jiathis.com/share/?uid=XXXXXX" class="jiathis" target="_blank"><img src="http://v2.jiathis.com/code/images/jiathis.gif" border="0" id="jiathis_a" /></a>

    <script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=895128" charset="utf-8"></script>

    <!-- JiaThis Button END -->

    </span>

    </small>

 

 

然后就搞定了,刷新你的网站页面看看,是不是已经添加上了JiaThis?

文章来源:http://www.codelast.com/

 

 

[原创]如何为WordPress添加JiaThis(加网)的“分享工具”
Tagged on:                             

8 thoughts on “[原创]如何为WordPress添加JiaThis(加网)的“分享工具”

  • 2011 年 06 月 06 日 at 21:51
    Permalink

    成功了。我不能不说我也复制了楼主的代码!但是还是很成功的!

    Reply
  • 2011 年 03 月 14 日 at 13:26
    Permalink

    据DNS Pod的站长吴洪声反映,JiaThis存在安全漏洞,于是我暂时撤掉了它。

    Reply
  • 2011 年 03 月 08 日 at 22:35
    Permalink

    我也在用这个主题,想要加入Mail to Commenter的自定义按钮的代码,不知道应该加在哪里。博主可否提示一二?

    Reply
    • 2011 年 03 月 08 日 at 22:37
      Permalink

      您博客里面的“回复”链接是怎么加上的?

      Reply
      • 2011 年 03 月 09 日 at 17:42
        Permalink

        这是WP自带的,我没有手工添加。但是有没有在WP管理后台中做过一些设置,我不记得了。

        Reply
        • 2011 年 03 月 14 日 at 11:48
          Permalink

          看出来了,确实是没有mail to commenter的功能。只是一个回复按钮。但是我现在的问题就是,不知道从哪里添加这个回复按钮,郁闷死了……

          还是要谢谢您,欢迎您也经常到我的博客上去转转,指点一二。

          Reply
          • 2011 年 03 月 14 日 at 13:40
            Permalink

            看看你的WordPress版本是不是最新版?

            Reply
    • 2011 年 03 月 09 日 at 17:44
      Permalink

      Mail to Commenter我没用过,帮不上忙,你自己Google一下吧。

      Reply

发表评论

电子邮件地址不会被公开。 必填项已用*标注