タグ

2011年7月8日のブックマーク (2件)

  • HTMLとCSSだけで作るFacebookの「いいね!(like)」ボタン : web memo.Ver.2

    Facebookを利用するようになって各種サイトにおいてある「いいね!(like)」ボタンを自然に押すようになった。ボタンをおいてないところもlike bookmarkletなんかで押せるから問題ないと言えば問題ないものの、やはりサイトにおいてあった方が目に付くし押しやすいという事実はどうしても感じてしまう。 ところが先日記事ごとに「いいね!」ボタンをおいていたサイトにアクセスしたら、ボタンが消えてしまっていた。話によると「(ページ自体が重いので)軽くするために外してしまった」らしい。確かにいいね!ボタンはiframeかJavaScript(XFBML)を使って表示するしかなく、インラインフレームの読み込み時間も相まって少々重いパーツになってしまっていると思う。 しかしこれで納得してしまっては面白くないので、フレームを使わない簡単なHTMLCSSだけでブログなどに設置できるいいね!ボタン

    HTMLとCSSだけで作るFacebookの「いいね!(like)」ボタン : web memo.Ver.2
  • 「いいね!」ボタンを設置しよう │ facebook-japan

    Tweet 「いいね!」ボタンを設置しよう 「いいね!」ボタンをフェイスブック外部のホームページやブログに設置することで、よりたくさんのつながりをもつことができます。 これはソーシャル・プラグインと呼ばれる仕組みです。 Facebookが「いいね!」ボタンのソーシャルプラグインを 2010年4月に公開した直後、24時間以内に10億回以上もクリックされたといわれています。 たとえば、あなたのブログに「いいね!」ボタンを設置し、それを見た人がクリックした場合、ブログとFacebook内の両方で「○○さんがいいね!と言っています」と表示されましす たくさんの人にクリックしてもらえれば、それがきっかけであなたのブログへのアクセスが爆発的に増える可能性もあります。 「いいね!」ボタンがクリックされると、その都度そのWEBサイトへのリンクが張られます。 つまり、みんなが「いいね!」といってい