3

Facebook のおすすめボタンの典型的な HTML5 実装があります。

<div id="fb-root"></div>
<script type="javascript">
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    <? if ( $current_language == 'en' ): ?>
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    <? else: ?>
        js.src = "//connect.facebook.net/fr_CA/all.js#xfbml=1";
    <? endif; ?>
    fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>

<div class="share_button facebook" id="facebook">
    <div class="fb-like" data-send="false" data-layout="button_count" data-width="80" data-show-faces="false" data-action="recommend"></div>
</div>

初めてクリックすると、ポップアップ プレビュー ボックスにタイトルまたは説明が表示されません。ページの上部に次の情報があります: テスト

<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta name="description" content="Test website." />
<meta name="keywords" content="test whatever" />
<meta property="og:title" name="Show this!" content="Show this!" />

ページを離れ、Facebook からそのページの推奨を解除し、同じページに戻って [推奨] をもう一度押すと、タイトルと説明が表示されます。ページには何千ものデータベース エントリの 1 つが表示されるため、問題を修正する必要があります。私は js 関数を jQuery(document).ready(function() に入れようとしました - 運が悪い.私はそれをページの一番下に移動しようとしました - 運がありません.誰かが私を助けることができますか?

4

1 に答える 1

0

あなたが与えた例から、URLや画像などのいくつかの必要なOGタグが欠落しています。また、ヘッドタグにプレフィックス情報がありますか？

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# myspecialapp: http://ogp.me/ns/fb/myspecialapp#">
于 2012-09-27T15:23:51.773 に答える