一：可直接復制套用里面的的代碼
以下是頁面的顯示：復制並粘貼下面的JS代碼,放到您的網頁，可以在<body>和</body>的之間網頁的任意位置放置。如果您的網站使用的模板，您也可以復制代碼到您的模板，按鈕將在所有網頁自動出現。
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style">
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_renren"></a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->
這里需要引入了jia.js，之后頁面圖標即可顯示。
分享往往是有分享的標題跟鏈接，這里標題鏈接的配置，可統一在jiathis_config中定義，完成配置后，將語句放在主JS的前面即可，以下舉例說明：
var jiathis_config = {
boldNum:0,
siteNum:7,
showClose:false,
sm:"t163,kaixin001,renren,douban,tsina,tqq,tsohu",
imageUrl:"http://v2.jiathis.com/code/images/r5.gif",
imageWidth:26,
marginTop:150,
url:"http://www.jiathis.com",
title:"自定義TITLE #微博話題#",
summary:"分享的文本摘要",
pic:"自定義分享的圖片連接地址",
data_track_clickback:true,
appkey:{
"tsina":"您網站的新浪微博APPKEY",
"tqq":"您網站的騰訊微博APPKEY",
"tpeople":"您網站的人民微博APPKEY"
},
ralateuid:{
"tsina":"您的新浪微博UID"
},
"shortUrl":是否開啟短鏈接,
evt:{
"share":"用戶自定義函數" ( 可以根據自己的命名規范來定義一個自定義函數，如：getEvent )
說明：evt參數可以得到用戶的分享操作的相關信息。比如：用戶分享的URL，用戶分享到的媒體。但是，我們不能確定用
戶是否真正成功的分享了內容，只能確定用戶確實是點擊了分享按鈕……
}
}
詳細參數說明，可在網站中的幫助欄里查看。http://www.jiathis.com/help/html/jiathis-diy
二：很多時候我們的分享圖標是有自己切好的圖來使用的，那就不需要使用默認的圖標，這時我們需要做的很簡單，就照常讓圖片顯示，因為點擊分享的關鍵在於點擊的時候彈出相應的分享頁面，所以這時需要給這個圖片綁定點擊事件，讓他跳出指定的分享頁面。
代碼如下；以下是頁面顯示的代碼；
<div share-body" >
<img src="/img/promotion/newyearWheel/wechat.png" class="img-weixin">
<img src="/img/promotion/newyearWheel/qq.png" class="img-qq">
<img src="/img/promotion/newyearWheel/weibo.png" class="img-weibo">
<img src="/img/promotion/newyearWheel/copy.png" class="img-copy" id="btn_submit">
</div>
<div class="div-weixin hidden">
<div class="div-qr-box">
<div class="div-qr-title">
<span>使用微信掃描二維碼</span>
<img src="/img/close.jpg" class="qr-close">
</div>
<div class="div-weixin-qr">
</div>
</div>
</div>
以下則是給相應的圖片綁定了點擊事件實現點擊跳出新頁面，直接通過JiaThis API接口分享，接口里可放分享的地址跟標題，所以可在外部公共定義。詳細接口API可以在網站中的幫助模塊里查看:http://www.jiathis.com/help/html/share-with-jiathis-api。
示例如下；
var shareUrl = "https://www.cmiinv.com/view/promotion/wheelEntrance.html?referee=" + userId;
var shareTitle = "紅包在手中，新年提前發！新年財神到，好禮百分百。呼朋喚友來，iPad帶回家！我在中民i投抽中了" + pri + " ！來不及解釋啦，快點我抽獎。";
$(".img-weibo").click(function () {
if (!$.isLogin()) {
$.goLogin();
return;
}
window.open("http://www.jiathis.com/send/?webid=tsina&url=" + shareUrl + "&title=" + shareTitle);
});
$(".img-qq").click(function () {
if (!$.isLogin()) {
$.goLogin();
return;
}
window.open("http://www.jiathis.com/send/?webid=cqq&url=" + shareUrl + "&title=" + shareTitle);
});
var weixinShareUrl = "http://m.cmiinv.com/product/NewyearTurntableGame/NewYearDetail.jsp?referee=" + userId;
$('.div-weixin-qr').qrcode(weixinShareUrl);//使用jquery.qrcode生成二維碼。
$(".img-weixin").click(function () {
if (!$.isLogin()) {
$.goLogin();
return;
}
$(".div-weixin").removeClass("hidden");
});
$(".qr-close").click(function(){
$(".div-weixin").addClass("hidden");
});