Information

オープングラフタグ(Open Graph Tag)

  •    2011年4月19日(火) 20:07 JST 閲覧件数 2,513
Facebookページじゃない普通のサイトにオープングラフタグ(Open Graph Tag)を追加すると、そのページに設置した「いいね！」ボタンがFacebookページの「いいね！」ボタンのようになります。

http://www.openlaszlo-ason.com/ をモデルに試してみました。



(1) オープングラフタグを設置

http://www.openlaszlo-ason.com/の<head>～</head>の中に下記を記述。

<meta property="og:title" content="サンプル満載！asonのOpenLaszlo入門" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.openlaszlo-ason.com/" />
<meta property="og:image" content="http://www.openlaszlo-ason.com/lib/tpl/arctic/images/openlaszlo-ason.png" />
<meta property="og:site_name" content="サンプル満載！asonのOpenLaszlo入門" />
<meta property="fb:admins" content="1443434133" />

og:title・・・タイトル
og:type・・・タイプ
og:url・・・URL
og:image・・・画像
og:site_name・・・サイト名
fb:admins・・・サイトを管理するFacebookユーザID(アプリIDでも良い)


(2) 「いいね！」ボタンを設置

http://www.waldiz.com/article.php/facebook-xfbmlのコードをコピペ。


(3) サイトを見てみる

「いいね！」ボタンの横に管理用ページ、インサイトのリンクが(゜Д゜)




(4) 管理用ページをクリックしてみる

Facebookページもどきの画面ができあがってる！(゜Д゜)



といってもこれは管理者が「いいね！」を押してくれたユーザー向けに情報発信するためだけの画面らしい。
いわゆるFacebookページが作成されたわけではない。

◇画面の上をよくみるとこういうメッセージが。他の人がこのページにアクセスすると、その人のFacebookホームにリダイレクトされるらしい。

Facebookページを管理します。
これはあなたが管理しているサイトhttp://www.openlaszlo-ason.com/の管理用ページです。インサイトで詳細なデータを見たり、「いいね！」をしているユーザーにアップデートを投稿したりできます。サイトの管理者のみが、このページを利用でき、他のユーザーはサイトのトップにリダイレクトされます。