JiaThis社区分享按钮的使用,提升网站访问流量
博客专区 > skyheng 的博客 > 博客详情
JiaThis社区分享按钮的使用,提升网站访问流量
skyheng 发表于1年前
JiaThis社区分享按钮的使用,提升网站访问流量
  • 发表于 1年前
  • 阅读 4
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

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
博文 18
码字总数 0
×
skyheng
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: