通過JiaThis API接口自定義分享功能按鈕實現(xiàn)分享功能本地化

http://www.mdaima.com/jingyan/20.html

最早李雷博客采用的是百度分享插件，為此還發(fā)過博文講解如何在一個頁面調用多個按鈕分享不同的文章，感興趣的朋友可以在本站搜索一下。但是最近發(fā)現(xiàn)網頁加載的時候經常出現(xiàn)卡頓現(xiàn)象，研究半天居然是百度分享按鈕加載緩慢拖了后腿，嚴重影響用戶體驗。所以，下決心取代這個驕傲自居的家伙，網上找了好久，最后發(fā)現(xiàn)JiaThis有專門的API分享外鏈接調用接口。詳細研究了一下，發(fā)現(xiàn)真的是可以解決困擾我很久的問題，徹底擺脫網頁加載的時候調用除自己服務器以外的第三方外鏈JS腳本，避免了因外鏈服務器響應緩慢影響到自己網站的加載速度，現(xiàn)在把這個辦法分享給大家。

先看看JiaThis API接口說明：

想在某些動態(tài)程序（比如PHP）中調用分享接口，建議可以直接調用我們的API接口，使用JiaThis提供的分享接口，你可以不必再關心眾多社會化媒體網站字符編碼、各不相同的分享接口，網站訪問者最喜歡分享到那些媒體網站等等。同時，作為網站主，你又必須要了解：哪些文章被分享的次數多？分享到哪些媒體？分享后返回到本站的社會化流量數據又是多少？…等等，而這一切，只需要JiaThis一個標準統(tǒng)一的接口就可以為你全部解決。

JiaThis API 標準格式如下：

http://www.jiathis.com/send/?webid=shareID&url=$siteUrl&title=$siteTitle&uid=$uid&summary=$summary&pic=$pic

shareID?分享ID參數代表你要分享到哪個站點的ID編號,?可以通過這個文檔查詢：分享網站ID清單

$siteUrl?參數代表你要分享的網站鏈接地址，可以通過動態(tài)程序調用

$siteTitle?參數代表你要分享的網站頁面標題，可以通過動態(tài)程序調用，也可自定義。

$uid(非必須)?代表你注冊JiaThis的會員UID，可以登錄網站后查到您的UID，用于數據統(tǒng)計。

$summary?定義要分享頁面的摘要，摘要默認為Meta標簽中Description部分的內容

$pic?支持新浪微博、騰訊微博、搜狐微博、網易微博，可以自定義分享的圖片，如果此值為空，將會根據社會化媒體原有的抓圖機制來獲取您網站的圖片。

舉例1：分享到開心網代碼

http://www.jiathis.com/send/?webid=kaixin001&url=http://www.mdaima.com&title=碼代碼-李雷博客

舉例2：分享到QQ空間代碼

http://www.jiathis.com/send/?webid=qzone&url=$siteUrl&title=$siteTitle

這樣的格式比起直接調用各個網站的接口來，使用更方便，代碼維護更簡單。

JiaThis支持的分享到網站（WEBID與對應網站關系）

QQ空間????qzone????http://qzone.qq.com

新浪微博????tsina????http://weibo.com

微信????weixin????http://weixin.qq.com/

騰訊微博????tqq????http://v.t.qq.com/

搜狐微博????tsohu????http://t.sohu.com

人人網????renren????http://www.renren.com

飛信????feixin????http://feixin.10086.cn

QQ好友????cqq????http://connect.qq.com/

百度貼吧????tieba????http://tieba.baidu.com

淘江湖????taobao????http://i.taobao.com

豆瓣????douban????http://www.douban.com

開心網????kaixin001????http://www.kaixin001.com

網易微博????t163????http://t.163.com

MSN????msn????http://cn.msn.com/

接下來給大家一個具體一點例子，李雷博客最新的分享功能就是用下面的方法：

JS腳本的設置：

function? share_mdaima(webid,url,title,summary,pic){

//這里面除了webid必填，其它的url,title,summary,pic均可以選填，下面也設置了為空時的默認值，大家根據具體需要進行修改吧

if? (url== '' ){ var? url=window.location.href;}

if? (title== '' ){ var? title= "碼代碼-PHP技術經驗教程分享-李雷博客" ;}

if? (pic== '' ){ var? pic= "http://www.mdaima.com/images/logo.gif" ;}

if? (summary== '' ){ var? summary= "碼代碼，李雷博客，是博主多年PHP實戰(zhàn)開發(fā)經驗的積累，通過簡潔的說明文字、功能示例、教程視頻，分享博主大量的PHP開發(fā)經驗及編程技巧，提供給開發(fā)人員學習和借鑒！" }

//可以利用JQ的AJAX動態(tài)調用，將參數傳給PHP寫入數據庫，為站長統(tǒng)計提供便利

//var?ajax_bdshare=$.post("/share_jilu.php?i="+Math.random(),{webid:webid,url:url});

var? share_url= "http://www.jiathis.com/send/?webid=" +webid+ "&url=" +url+ "&title=" +title+ "&summary=" +summary+ "&pic=" +pic+ "" ;

window.open(share_url);

};

CSS樣式的設置：

.bds_qzone_ 0 _ 32 {? float : left ; background : url (/images/share/icons_ 0 _ 32 .png); background-position : 0? -52px ;? height : 32px ;? width : 32px ;? cursor : pointer ;? margin : 0? 10px ;}

.bds_qzone_ 0 _ 32: hover{opacity:. 8 ;filter:alpha(opacity= 80 )}

.bds_tsina_ 0 _ 32 {? float : left ; background : url (/images/share/icons_ 0 _ 32 .png); background-position : 0? -104px ;? height : 32px ;? width : 32px ;? cursor : pointer ; margin : 0? 10px ;}

.bds_tsina_ 0 _ 32: hover{opacity:. 8 ;filter:alpha(opacity= 80 )}

.bds_tqq_ 0 _ 32 {? float : left ; background : url (/images/share/icons_ 0 _ 32 .png); background-position : 0? -260px ;? height : 32px ;? width : 32px ;? cursor : pointer ; margin : 0? 10px ;}

.bds_tqq_ 0 _ 32: hover{opacity:. 8 ;filter:alpha(opacity= 80 )}

.bds_renren_ 0 _ 32 {? float : left ; background : url (/images/share/icons_ 0 _ 32 .png); background-position : 0? -208px ;? height : 32px ;? width : 32px ;? cursor : pointer ; margin : 0? 10px ;}

.bds_renren_ 0 _ 32: hover{opacity:. 8 ;filter:alpha(opacity= 80 )}

.bds_weixin_ 0 _ 32 {? float : left ; background : url (/images/share/icons_ 0 _ 32 .png); background-position : 0? -1612px ;? height : 32px ;? width : 32px ;? cursor : pointer ; margin : 0? 10px ;}

.bds_weixin_ 0 _ 32: hover{opacity:. 8 ;filter:alpha(opacity= 80 )}

頁面調用按鈕：

<div?class="bds_qzone_0_32"?onclick="share_mdaima('qzone','具體URL地址','標題','描述','圖片')"?>div>

<div?class="bds_tsina_0_32"?onclick="share_mdaima('tsina','','','','')">div>

<div?class="bds_tqq_0_32"?onclick="share_mdaima('tqq','','','','')">div>

<div?class="bds_renren_0_32"?onclick="share_mdaima('renren','','','','')">div>

<div?class="bds_weixin_0_32"?onclick="share_mdaima('weixin','','','','')">div>

PHP 網站

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。