タグ

OGPに関するHamken100perのブックマーク (6)

  • Facebookのいいね!ボタンを設置しても赤字のエラーが出てしまう&押してもカウントされない(ボタンが元に戻る)時の解決方法

    このエラーに10日ほど悩まされましたが だいたい対処法が安定してきたので記事を書くことにしました。 まず大前提として、2011/11/11現在の記事であることにご注意ください。 最近のFacebookは当にすぐ仕様が変わりますからね・・・^^; 【こんな現象が起こる場合の解決方法です】 ・いいね!ボタンを押すと、エラーと小さい赤字で表示される →それをクリックするとこんなポップアップが表示される 「The page failed to provide a valid list of administrators. It needs to specify the administrators using either a "fb:app_id" meta tag, or using a "fb:admins" meta tag to specify a comma-delimited li

    Facebookのいいね!ボタンを設置しても赤字のエラーが出てしまう&押してもカウントされない(ボタンが元に戻る)時の解決方法
    Hamken100per
    Hamken100per 2012/03/31
    いいねボタンのトラブル解決。デバッグサイトがあるとは知らなかった
  • metaタグを追加してFacebookに対応する方法とハマりやすいポイント

    Facebook使ってますか? こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね!」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね!」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ! 「いいね!」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね!」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね!」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って

    Hamken100per
    Hamken100per 2012/03/21
    Facebook Open Graph Protocolの使い方
  • Facebookのウォールでちょっとアピールする方法(OGP) - EC studio デザインブログ

    サイトに設置した「いいね!」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか? OGP(Open Graph protocol)の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。 弊社サービスサイトのOGP対応後 OGPを使うとどうなるの? OGP(Open Graph protocol)を使うと、 「いいね!」を押してウォールに投稿するときに、 タイトルや概要、表示する画像を指定することができます。 通常はFacebookが自動で表示してくれます。 OGPに対応する前のデフォルトはこのように表示されていました。 OGP対応方法 htmlタグの記述 まず、htmlタグにOGP用の記述を追記します。 「xmlns:og="http://ogp.me/ns#" xm

  • 皆が知らない「いいね」ボタンと「OGP」の設定方法、超解説【1/2】 - INSIGHT NOW!プロフェッショナル

    2011.06.10 IT・WEB 皆が知らない「いいね」ボタンと「OGP」の設定方法、超解説【1/2】 井出 一誠(ガイアックス) 編集長 Blogや自社サイトに、Facebook「いいね!」ボタンを設置している方は多いと思いますが、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか? OGPを設定するだけで「必ず」Facebookからの流入数が増加します。その増加率はサイトによっては2倍どころではありません。このエントリーでは、流入数が増加する理由、そのための設定方手順をご説明します。 Blogや自社サイトに、「いいね!」ボタンを設置している方は多いと思いますが、 ところで皆さん、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか? これは、ラボの『わかっているようでわかってないFacebookの「いいね!」「シェア」を徹底

    皆が知らない「いいね」ボタンと「OGP」の設定方法、超解説【1/2】 - INSIGHT NOW!プロフェッショナル
  • Open Graph protocol

    Introduction The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any

    Open Graph protocol
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

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

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • 1