JiaThis社区分享按钮的使用,提升网站访问流量

  1. 云栖社区>
  2. 博客>
  3. 正文

JiaThis社区分享按钮的使用,提升网站访问流量

skyheng 2015-06-30 11:03:00 浏览3146
展开阅读全文

JiaThis社区分享按钮的使用,提升网站访问流量

分享按钮样式:


在你页面上所需要的位置加上代码:

<!-- JiaThis Button BEGIN -->
<span class="jiathis_style">
    <span class="jiathis_txt">
        分享到:
    </span>
    <a class="jiathis_button_tsina">
        新浪微博
    </a>
    <a class="jiathis_button_tqq">
        腾讯微博
    </a>
    <a class="jiathis_button_qzone">
        QQ空间
    </a>
    <a class="jiathis_button_kaixin001">
        开心网
    </a>
    <a class="jiathis_button_renren">
        人人网
    </a>
    <a href="http://www.jiathis.com/share?uid=2041738" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis"
    target="_blank">
        更多
    </a>
</span>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=2041738" charset="utf-8"></script>
<!-- JiaThis Button END -->

实际上,JiaThis的服务非常高效和稳定,我们分布式的WEB构架设计完全可以满足业务增长带来的访问压力。评测显示:JiaThis分享代码是业内加载速度最快的。我们的服务遍布于国内各个CDN城市节点,即使在极端情况下,我们的集群服务器全部宕机,我们的web构架设计也会智能采用离线模式,确保分享的服务不会被中断。对嵌入JiaThis代码的网站不会造成丝毫影响。如果您仍然担心JS在网页前部加载会影响到整体网页打开速度,您可以采用以下方法,让代码在网页最后才加载。


将JiaThis的JS代码放到页面的最底部(</body>标签结束前):

<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->


工作原理:这段代码的原理就是 - 由于网页是由上往下执行代码. 所以前面会暂时显示静态按钮图片,等到整个页面调入完后, 前面的按钮才会正式替换成JiaThis按钮代码. 由于JiaThis代码是最后才被加载的, 就不会影响整体页面的打开速度了.


其他风格:按钮式和图标式的用法和上面完全一样,如果您使用侧栏式风格,直接将JS代码放入页面底部即可。

Jiathis的网站:
http://www.jiathis.com/

网友评论

登录后评论
0/500
评论
skyheng
+ 关注