JiaThis 友言 友荐
登录 | 注册
帮助
一个页面中添加多组分享代码

日前很多JiaThis用户反映希望在一个页面中添加多组分享工具代码以分享不同的内容。为了满足大家的需求,现将此操作方法进行说明,供大家参考。

效果示意图:

分享工具
 

【分享代码如下】:

 

第一条:<a href="http://www.jiathis.com/help/html/add-more-icons/">如何在一个页面中添加多组分享代码</a>
<!--本页第一个分享工具代码开始-->
<div onmouseover="setShare('如何在一个页面中添加多组分享代码', 'http://www.jiathis.com/help/html/add-more-icons/');"> <!--自定义第一个分享标题和链接-->
                     <!-- JiaThis Button BEGIN -->
                     <div class="jiathis_style">      
                     <a href="http://www.jiathis.com/share/?uid=您的UID" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank">分享</a>
                     <span class="jiathis_separator">|</span>
                     <a class="jiathis_button_tsina"></a>
                     <a class="jiathis_button_qzone"></a>
                     <a class="jiathis_button_kaixin001"></a>
                     <a class="jiathis_button_renren"></a>
                     </div>
                     <!-- JiaThis Button END -->
</div>
<!--本页第一个分享工具代码结束-->
<br/>
第二条:<a href="http://www.jiathis.com/news/html/jiathis-wordpress-plugin">JiaThis发布最新WordPress分享插件</a>
<!--本页第二个分享工具代码开始-->                   
<div onmouseover="setShare('JiaThis发布最新WordPress分享插件', 'http://www.jiathis.com/news/html/jiathis-wordpress-plugin');">  <!--自定义第二个分享标题和链接-->                 
                        <!-- JiaThis Button BEGIN -->
                        <div class="jiathis_style">      
                        <a href="http://www.jiathis.com/share/?uid=您的UID" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank">分享</a>
                        <span class="jiathis_separator">|</span>
                        <a class="jiathis_button_tsina"></a>
                        <a class="jiathis_button_qzone"></a>
                        <a class="jiathis_button_kaixin001"></a>
                        <a class="jiathis_button_renren"></a>
                        </div>
                        <!-- JiaThis Button END -->
</div>
<!--本页第二个分享工具代码结束-->                   
<!--单页面使用多分享按钮需要增加的分享参数代码-->
                       
<script type="text/javascript">
                          function setShare(title, url) {
                              jiathis_config.title = title;
                              jiathis_config.url = url;
                          }
                            var jiathis_config = {}
                          </script>  
<!--分享参数代码结束-->
<!--分享功能代码统一放到页尾-->
<script type="text/javascript" src="http://v1.jiathis.com/code/jia.js?uid=您的UID" charset="utf-8"></script>
<!--分享功能代码结束-->

开始

安装

自定义

数据分析

各平台安装

媒体分享代码