HTMLとCSSだけで作るFacebookの「いいね！(like)」ボタン : web memo.Ver.2
Facebookを利用するようになって各種サイトにおいてある「いいね！（like）」ボタンを自然に押すようになった。ボタンをおいてないところもlike bookmarkletなんかで押せるから問題ないと言えば問題ないものの、やはりサイトにおいてあった方が目に付くし押しやすいという事実はどうしても感じてしまう。 ところが先日記事ごとに「いいね！」ボタンをおいていたサイトにアクセスしたら、ボタンが消えてしまっていた。話によると「（ページ自体が重いので）軽くするために外してしまった」らしい。確かにいいね！ボタンはiframeかJavaScript（XFBML）を使って表示するしかなく、インラインフレームの読み込み時間も相まって少々重いパーツになってしまっていると思う。 しかしこれで納得してしまっては面白くないので、フレームを使わない簡単なHTMLとCSSだけでブログなどに設置できるいいね！ボタン
FacebookのLike Buttonを付ける
そして、<div id="fb-root">から始まって</script>までをコピーしておきましょう。 2.SDKの組込 では、ページの下方にある「いいね！」ボタンをクリックし、プラグインのページにいきましょう。ここではFacebookのパーツを埋め込むには、2つの方法があると書いています。iframeを使うのとXFBMLという耳慣れないXMLを組み込むのがあります。XHTMLなどではiframeは推奨されていないので、思い切ってXFBMLを組み込んでみましょう。そのためにはいくつかのステップがいります。Javascript SDKの組み込みとmetaデータへの書き込みです。Javascript SDKがあると、Like Buttonを押してもらうと同時にコメントも記入してもらえるようになり、相手の写真がないときに高さを自動調整してくれるそうです。先程コピーしたHTMLタグを>/body
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
