FC2ブログをFacebookのOpen Graph protocol(OGP)に対応させる

FC2ブログをFacebookのOGP(Open Graph protocol)に対応させるカスタマイズコードと、その使い方を紹介。コピーしてテンプレートに貼り付けるだけでいいので、かなり簡単にFC2ブログをFacebook対応にすることが可能なはず。(設定されるのはブログトップと個別記事ページ。)OGPが具体的にどういうものなのかは以下を参照。 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める...

HTMLとCSSだけで作るFacebookの「いいね!(like)」ボタン

Facebookを利用するようになって各種サイトにおいてある「いいね!(like)」ボタンを自然に押すようになった。ボタンをおいてないところもlike bookmarkletなんかで押せるから問題ないと言えば問題ないものの、やはりサイトにおいてあった方が目に付くし押しやすいという事実はどうしても感じてしまう。 ところが先日記事ごとに「いいね!」ボタンをおいていたサイトにアクセスしたら、ボタンが消えてしまっていた。話による...

Facebookのshare(シェア)ボタンをサイトやブログに設置する方法

このブログでもFacebookの「いいね!(like)」ボタンを設置する方法は書いたことがあるし、同じように「いいね!」の解説ページは他にもたくさんあるんだけど、各種「share(シェア)」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。(現在はいいね!数をカウントしている「share+カウント数ボタン」の解説ページはある。) しかも「facebook share」でGoogle検索するとトップにでてくるShare...

Facebookの「いいね!」ボタン作成ページの解説とFC2ブログへの設置方法

Facebookアカウントを取得したので、ついでにブログのテンプレートも更新して「いいね!(like)」ボタンを設置することに。すでにFC2ブログの標準機能としてFacebookのいいね!ボタンが設置できるようになってるものの、設置場所が好きに選べるわけではない(拍手ボタンと連動している)し「おすすめ(recommend)」表記に変えるなど細かい設定はできない。 そこで、FC2ブログに限らず自分で「いいね!」ボタンを作成してブロ...