タグ

2012年6月4日のブックマーク (3件)

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

    このブログでもFacebookの「いいね!(like)」ボタンを設置する方法は書いたことがあるし、同じように「いいね!」の解説ページは他にもたくさんあるんだけど、各種「share(シェア)」ボタンのオプション設定の解説を日語で書いてるページはあまり見あたらない。(現在はいいね!数をカウントしている「share+カウント数ボタン」の解説ページはある。) しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね!」ボタンと同じようにヘルプペ

    Facebookのshare(シェア)ボタンをサイトやブログに設置する方法
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • [Facebook]Facebookにリンクされる時の内容をmetaタグで指定する | snippets.takahironakamori.jp

    カテゴリ名:Facebook 日付:2011年8月22日 Facebookには、「いいね!」をクリックしたページを友達に共有できる仕組みがあります。 Facebook内で共有される「いいね!」をクリックしたページのタイトルとか画像などの基的な情報は、metaタグで設定できます。 しかし、metaタグの設定があい場合は、そのページのtitleタグとdescriptionがそのまま使われるので、 titleタグやdescriptionがきちんと記述されていれば、特別何もしなくても対応できているといえます。 しかしながら、以下のFacebookが指定するmetaタグを利用すると、Facebook内で共有される内容を設定することができます。 1.htmlタグにxmlns属性の追加します。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=