|
1 |
<a href="http://www.facebook.com/share.php?u=http://hoge.com/sample.html" onclick="window.open(this.href, 'window', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;"><i class="fa fa-facebook-official"></i> シェア </a> |
ページのシェア数をどうカウントするか、jQueryで実装しました。
まずはHTML側をこうします。
|
1 2 |
<a href="http://www.facebook.com/share.php?u=http://hoge.com/sample.html" onclick="window.open(this.href, 'window', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;"><i class="fa fa-facebook-official"></i> シェア <span id="result"></span></a> |
で、jQuery側がこうです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
// チェックするURL var url = 'http://hoge.com/sample.html' ; // Ajax通信 $.ajax({ // オプションの指定 url: '//graph.facebook.com/?id=' + encodeURIComponent( url ) , dataType: 'jsonp' , // 取得に成功した時の処理 success:function( obj ) { var count = 0 ; //データが存在する場合だけ代入 if( obj.shares ) { count = obj.shares ; } // アラート表示 // alert( 'カウント数は' + count + 'です！' ) ; // ツイートカウントをHTML([ID=result]の要素内)へ書き出す $('#result').html( count ) ; } , //取得に失敗した時の処理 error:function() { alert("通信に失敗しました…。"); } , //完了した時の処理 complete:function() { return false ; } }) ; |
