Facebookの[送信]ボタンを使用していて、[送信]ボタンを表示するページに次のように配置します。
編集:ここのコードにページのhtmlセクションの上部を追加しました:
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<meta property="og:url" content="http://www.thesite.com/theHomePage.php"/>
<meta property="og:title" content="Thesite is now live with a Send button!"/>
<meta property="og:image" content="http://www.thesite.com/images/logo.png"/>
<meta property="og:description" content="This is test description verbiage"/>
編集:送信ボタンコードの下に追加しました:
<div id="fb-root"></div>
<script>
(function(d, s, id)
{
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-send" data-href="http://www.thesite.com"></div>
http://developers.facebook.com/tools/debug/でFacebookデバッガーを使用すると、次のように表示されます。
Raw Open Graph Document Information
Meta Tag: <meta property="og:url" content="http://www.thesite.com/theHomePage.php" />
Meta Tag: <meta property="og:title" content="Thesite is now live with a Send button!" />
Meta Tag: <meta property="og:image" content="http://www.thesite.com/images/logo.png" />
Meta Tag: <meta property="og:description" content="his is test description verbiage" />
Facebookデバッガーは私のメタタグを明確に認識し、デバッガーはtheHomePage.phpに関する問題を報告しません。
問題は次のとおりです。[送信]ボタンをクリックすると、[送信]ダイアログボックスが表示されます。
'logo.png'画像がありません(logo.png画像がデバッガーに表示されますが)
「メッセージ」フィールドは空です-og :descriptionの詳細テキストで埋めるべきではありませんか?
[送信]ダイアログボックスの下部に間違ったページタイトルが表示されます
表示されるURLはhttp://www.thesite.com/theHomePage.phpではありません。代わりに表示されるURLは http://www.thesite.com/です。
[送信]ボタンがクリックされたときにメタタグが[送信]ダイアログボックスに表示されるように、ここで他に何かする必要がありますか?