2012年02月01日 Facebook
OGPに対応して設置するのが、少し、ややこしくて、とっつきにくいという方が多いようなので、OGPに対応した「いいねボタン」の設置の流れについて書きたいと思います。
流れさえ、把握出来れば、設置方法自体はそれほど複雑ではありません。

1.いいねボタンのコードを取得

以下のリンクから、いいねボタンのコードを取得し、設置します。
Like Button – Facebook開発者

2.OGPの設置コードの取得

いいねボタンのソースを取得するページを少し下にいけば、OGPのコードを取得するフォームが設置されています。 Like Button – Facebook開発者

3.OGPの設置コードの編集

OGPの設定には、サイト概要(description)を設置することが、可能なのですが、Facebook開発者のページで取得したコードには、概要の設定がありません。概要を設定しておくと、いいねボタンを押したユーザーのタイムラインに、サイトの概要も表示されるので、集客効果がアップするかもしれません。
OGPのコードの前後の適当な箇所に以下を追記してください。
<meta property="og:description" content="サイト概要(または表示中のページの概要)" />

4.設置したコードに問題がないかチェックする

すべての設置が完了したら、以下のツールで確認します。
エラーなどの表示がなく、設置したサイト情報が正常に表示されていれば、問題ありません。 参考サイト:http://design-spice.com/2011/08/09/social-button/

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

Facebookアプリ ユーザー名取得・表示

2012年01月29日 Facebook
FacebookのGraph APIを使って、ユーザー情報を取得します。ユーザー名以外にも、以下の形式で表示されている情報が取得出来ます。 [php]https://graph.facebook.com/USER_ID[/php] FacebookのGraph API [php]<?php $app_id = アプリID; $app_secret = "シ…
「Facebookアプリ ユーザー名取得・表示」をはてなブックマークに追加

Facebook アプリ開発 ログインしているユーザーIDを取得・表示させる

2012年01月28日 Facebook
ユーザーIDを取得する ユーザーIDを取得するには、getUser()関数を使います。 使い方は以下のような感じです。 [php]$uid = $facebook->getUser(); [/php] サンプルソース [php] <?php require_once("src/facebook.php"); Facebook::$CURL_OPTS[CURLO…
「Facebook アプリ開発 ログインしているユーザーIDを取得・表示させる」をはてなブックマークに追加

Facebookアプリ開発の基本

2012年01月27日 Facebook
開発者登録 開発者登録がまだの方は、Facebook開発者から開発者登録をしてください。 開発者登録方法については、多くのサイトで解説されていますので、そちらを参考にしてください。 新規アプリ作成 開発者登録後、ログインすると右の画像のように「新しいアプリケーションを作成」ボタンがありますので、それをクリックします。 クリックすると、画像のように、ポップアップウィンドウが出てくるので、入…
「Facebookアプリ開発の基本」をはてなブックマークに追加

Facebookで小学校、中学校の友人検索【もっと友達検索】

2012年02月03日 Facebook
もっと友達検索とは Facebookで小学校や中学校の同級生を探せるようになったらいいな、という発想から出来たアプリです。 まだまだ、β版ですが、多くの方に利用されていくといいですね。 もっと友達検索【小学校・中学校】on Facebook african mango…
「Facebookで小学校、中学校の友人検索【もっと友達検索】」をはてなブックマークに追加

Facebook アプリ開発 友達にアプリを紹介する機能を実装する

2012年03月19日 Facebookphp
利用中のアプリを友達に紹介してもらう機能は以下のようにすることで実装できます。 [php] <?php //友達に紹介する設定 $app_id = "YOUR_APP_ID"; $canvas_page = "YOUR_CANVAS_PAGE"; $message = "この素晴…
「Facebook アプリ開発 友達にアプリを紹介する機能を実装する」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy