Facebookのいいね!ボタンを設置するスクリプト

• 公開日 : 2013年1月26日
• カテゴリ : Web制作

実にしょーもないスクリプトで申し訳ないのだが、Facebookのいいね！ボタンを簡単に設置できるスクリプトを作ってみた。

サンプルはこちら。
http://www.1-firststep.com/samplephp/facebook-like/

設置方法

設置方法は超簡単。
同梱されている「facebook-like.js」という名前のファイルをサーバーにアップロードし、いいね！ボタンを設置したい場所に、

<script type="text/javascript" src="facebook-like.js"></script>

と書くだけでOK。

誰でも簡単に設置できることを第一に考えて設定項目を極力少なくしたので、

// ユーザー設定はここから-----------------------------------


// 1、Facebookいいね!ボタンの表示幅（いいね!ボタンは小さいですが、その横にコメントが表示されるのでそれも含めた横幅です）
var fb_like_width = '600';

// 2、明るい色か暗い色かの選択(明るい色ならlight、暗い色ならdarkを記入)
var light_or_dark = 'light';


// ユーザー設定はここまで-----------------------------------

というように、「横幅の設定」と「明るさの選択」の2つしか設定できない。

もともといろいろなデザインを選択できる余地がないし、細かな設定をしたい人はおそらくこのスクリプトを使わずとも自分で設置できると思うので、あえて設定項目を作らなかった。

表示しているページのURLを取得して表示しているため、複数ページに設置する場合でもこのスクリプト1つでOKだ。

もしFacebookのいいね！ボタンが設置できなくて困っている人がいましたら、ご自由にお使いください。
しかし今時どんなブログにでも標準で付いているのに、そんな人いるのだろうか！？

ダウンロード

ダウンロードはこちらから。
http://www.1-firststep.com/samplephp/facebook-like/facebook-like-v1.1.zip

2013年8月18日追記：Facebookのいいね！ボタンだけでなく、はてなブックマークやGoogle+、Twitterのボタンを超簡単にまとめて設置できるスクリプトを公開しました。使い方の解説とダウンロードはこちらのページをご覧ください。