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アプリ開発の基本

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

Facebook APIを利用して、外部サイトから自分のウォールに投稿する

2012年03月19日 Facebookphp
ウォールへ投稿 外部サイトからFacebook上のウォールに投稿する方法です。 説明が不要なぐらい簡単でした。 [php]<?php $data = array( 'access_token' => $facebook->getAccessToken(), 'message' => 'API投稿テスト', ); $response = $facebook->…
「Facebook APIを利用して、外部サイトから自分のウォールに投稿する」をはてなブックマークに追加

Facebookの「友達になる」ボタンを設置する

2012年02月01日 Facebook
Facebookアプリ内や外部サイトなどに、Facebookの友達になるボタンを設置する方法です。 設置するコード [php]<a href="http://www.facebook.com/dialog/friends/?id=USER_ID&app_id=YOUR_APP_ID&redirect_uri=REDIRECT_URL">友達になる&…
「Facebookの「友達になる」ボタンを設置する」をはてなブックマークに追加

Facebookアプリ開発 PHPでユーザー情報取得

2012年01月28日 Facebook
今回はFacebookのPHP SDKを使って、ユーザー情報を取得します。 PHP SDKを取得・設置 まず、githubからFacebookのPHP SDKをダウンロードします。 Facebook PHP SDK ダウンロードしたファイルを解凍すると以下のようなファイル構成になっていると思います。 /examples/ /tests/ /src/ changelog.mb read…
「Facebookアプリ開発 PHPでユーザー情報取得」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy