fc2ブログ

Home > wordpress > WordpressにphpでFacebookのいいね!ボタン、tweetボタン、はてブボタンを付けるコード

WordpressにphpでFacebookのいいね!ボタン、tweetボタン、はてブボタンを付けるコード

  • vanillate
  • 2011-09-19 Mon 00:07:14
  • wordpress
a_20110919000022.jpg


WordPressでFacebookのいいねボタン・tweetボタン・はてなブックマークを
オリジナルデザインにする機会があったのでメモ。




PHP

$urlget = '取得したいサイトのドメイン(htt://example.com/)' . getenv('REQUEST_URI');
$source_url = urlencode($urlget);


//Facebookいいね数取得

function likeCount($str = null) {
if($str) $url = $str;
else $url = ((!empty($_SERVER['HTTPS']))? "https://" : "http://").$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
$json = file_get_contents('http://graph.facebook.com/' . $url ,true);
$data = json_decode($json, true);
return ($data[shares])? $data[shares] : 0;
}

$count = likeCount($source_url);


//twitterでのツイート数取得

$get_twitter = 'http://urls.api.twitter.com/1/urls/count.json?url=' . $source_url;
$json = file_get_contents($get_twitter);
$json = json_decode($json);
$tweets = $json->{'count'};//ツイート数


//はてブ取得

$get_hatebu = 'http://api.b.st-hatena.com/entry.count?url=' . $source_url;
$hatebu = file_get_contents($get_hatebu);//はてなブックマーク数
if ($hatebu == ""){ $hatebu = "0";}



はてブは、0のときにnullっぽいので0と表示させるようにしています。


HTML











あとはCSSでアイコンなど装飾すればOKかとおもいます。




参考サイト:

Facebookの「いいね!」ボタンをオリジナルデザインに変更する
PHPでURLに対するfacebookのいいね!数とtwitterのtweet数を取得する



関連記事

Comments: 1

Ryuichi Nonaka URL 2011-09-20 Tue 12:22:14

twitterのカウント数取得でJsonのデコードで返ってくるのは配列になっているので、$json['count']で取得できる気がします。

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: 1

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/18-1ae63075
Listed below are links to weblogs that reference
WordpressにphpでFacebookのいいね!ボタン、tweetボタン、はてブボタンを付けるコード from バニデザノート
Trackback from Ryuichi Nonaka 2011-09-20 Tue 17:00:34

ソーシャルボタン系のカウント数をPHPで取得して表示する

バニデザノートの「WordpressにphpでFacebookのいいね!ボタン、tweetボタン、はてブボタンを付けるコード」を参考にして、配列でカウント数を返してくれる関数を作りました。... (more…)

Home > wordpress > WordpressにphpでFacebookのいいね!ボタン、tweetボタン、はてブボタンを付けるコード

Sponsored Link
【WebDesign】Photoshopでプロになる!オシャレ&クールなWebデザイン作成講座
▲Udemy講座第二弾!Photoshopデザインカンプ作成の流れをレクチャーします。クーポンコード【PS_BANIDESIGN】
はじめよう!Wordpressで作るおしゃれサイト【デザイン入門】
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、お得な価格で受講可能!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。10年以上に渡りオールラウンドウェブクリエイターとして活動した経験を活かして高品質なPhotoshopデータでの「デザインカンプ作成」のお仕事を主に行っています。業務提携いただける企業さま、ウェブディレクターさまを随時募集中です。Wordpress(ワードプレス)、レスポンシブ、スマホ用サイトもできます♪
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items