您的位置:首页 > 运维架构 > 网站架构

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

2015-06-30 11:03 561 查看

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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: