耽々と騒音

いいね！ボタンの話です。

とその前に、、
ドメイン変えたー。
有料プランに変えてみました。
変えたからって出来ることは限られているうし、月額315円ってめちゃくちゃ高いな、と思うけど、書くモチベーション高める意味でもちょうど良いかな、と。

さて、で、いいね！ボタンをやっとブログに実装して、さらにもうリリースされていないshareボタンもコード探して、つけてみました。

いいね！ボタンは検索するとすぐ他の人のブログが出てくるので、書くまでないと思いますが。
ここから取得できます。

で、なかなか見つからないshareボタンはこんな感じね。
<br> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php?u=<$ArticlePermalink$>&t=<$ArticleTitle$>"> <br> シェア <br> </a> <br> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> <br> <br>

<$ArticlePermalink$>は記事のURL、<$ArticleTitle$>は記事のタイトルを入れて下さい。
(livedoorブログならこれでOK)


でも、ですね、、なかなか いいね！ボタンが機能せずに困ってました。
いいね！をおしても数秒後に反転してリセットされてしまったんですよね。。。

で、調べてみるとどうやらOpen Graph Protocolの問題みたい。

これって、こことかを読むとわかるんだけど、いいね！等を押されたときにFacebook上に表示される情報が自分で選べるようになるというもの。


livedoorブログだとFaccebook側がHTMLからちゃんと探してくれる情報があまりよくないらしいので、設定しようとしていたんだけど、、、、(上のリンク先と一緒)"ここ"を見てその通りにやっても全然うまくいかなくて、放置したんだ。
(ちなみに未だに出来てない)

で、もしかしてと思ってその機能していないタグを消してみたら、、いいね！ ボタンがちゃんと動きました！
なんでなんだろう。。。

この辺りは知識がゼロゼロなので、まったくわからないけど、他の人で困った人がいたら、試してみてください。
ぐらいの感じです。

とりあえずOpen Graph Protocolちゃんと組みこまなきゃなー。



あ、あと、ちなみにFacebook insightのwebページを見るためには、インサイトTOPページの右上の緑色のボタンでmetaタグを引っ張ってきて、サイトのheadタグのところに入れて認証すればいいんですが、livedoorってデフォルトのドメインがサブドメイン以下のページレベルなので、設定できないっぽいです。
この辺も落とし穴です。
その辺り気をつければ、案外簡単なのでぜひー。

あとコメント欄どうしようかなー。