4745520501 da25937a79

みんなー!いいねしてるー!?するぷ( @isloop )です。


最近、Facebookの勢いはハンパないっすねー。ユーザーが9億人を超えたとか、日本でも爆発的につかっている人が増えているとか、すんげー話題で一杯です。


アクセス解析を見てても、最近Facebookの1いいねは、Twitterの1RTに匹敵、いやそれ以上の力を持ってる気すらします。


もうこうなってくると、ブロガーなら「いいね」をもらいやすい環境を整えておくのは当然のことといえます。


というわけで今日は、いいねを貰えやすい環境を整えるために、Facebookのいいねボタン(Like Button)を設置する方法を書いてみました!

いいねボタン(Like Button)はFacebook DEVELOPERSで取得できる。

Thumbnail Like Button - Facebook開発者
https://developers.facebook.com/docs/reference/plugins/like/


ここにアクセスします。


Skitched 20120502 095806
すると、このような画面になります。各項目の意味は上の通りなので、参考にしながら設定してください。


ちなみに、Layout Styleの種類はこのような感じになります。


standard
Skitched 20120502 100426


button_count
Skitched 20120502 100533


box_count
Skitched 20120502 100548


設定が済んだらGet Codeをクリックします。


Skitched 20120502 100910
すると、このような画面になるので、1のコードを<body>のすぐ下に、2をボタンを設置したい場所に貼り付けて完成です。(※ HTML5、XFBML、IFRAMEの欄がありますが、Facebookはころころ仕様が変わるのでHTML5を選んだ方が無難です。

Movable TypeやWordpressのブログの場合の個別ページ用いいねボタンの改造方法。

Movable TypeやWordpressなどのブログを使っている場合、個別ページにいいねボタンを設置する際はdata-hrefの中身をタグに切り替えることで、それぞれのページのいいねボタンを作ることが可能です。


Standard
MT

<div class="fb-like" data-href="<$mt:EntryPermalink$>" data-send="true" data-layout="standard" data-width="500" data-show-faces="true"></div>


Wordpress

<div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="true" data-layout="standard" data-width="500" data-show-faces="true"></div>


button_count
MT

<div class="fb-like" data-href="<$mt:EntryPermalink$>" data-send="true" data-layout="button_count" data-width="150" data-show-faces="true"></div>


Wordpress

<div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="true" data-layout="button_count" data-width="150" data-show-faces="true"></div>


box_count
MT

<div class="fb-like" data-href="<$mt:EntryPermalink$>" data-send="true" data-layout="box_count" data-width="75" data-show-faces="true"></div>


Wordpress

<div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="true" data-layout="box_count" data-width="75" data-show-faces="true"></div>

自分のFacebookページのいいねボタンを作る場合。

Skitched 20120502 101824

自分のFacebookページのいいねボタンを作る際は、自分のFacebookページのURLを入力しておけばOKです。まぁ当然といえば当然なのですが、ちょっとLike Boxと混乱したので書いておきます。

あとがき

まぁこんな感じでいいねボタンは作れます。


ボタンを設置するところが英語なのがちょっとハードル高いんですが、ぜひこの記事を参考にするすると設置してみてください!慣れればちょーカンタンですよ!


この記事が参考になりましたら、ぜひ和洋風◎のFacebookページにをお願いします!


Thumbnail MovableTypeとWordpressにFacebookコメントを設置する方法。 | 和洋風◎
https://wayohoo.com/facebook/beginners/comments.html

Thumbnail Facebookからのアクセスを増やすのに超重要な「エッジランク」を上げる6つの対策 | 和洋風◎
https://wayohoo.com/facebook/tips/how-to-improve-the-edgerank.html