facebook - すべてのページに FB コメント ボックスを表示したいが、そのページに固有の独自のコメントを持っている

Question

私は最近、作成中のサイト用に自分のブログをコーディングしました。Facebookで投稿のコメントを処理したいので、プラグインを統合しました。しかし、私は奇妙なことに気づきました。あるブログ投稿にコメントしてから別のブログ投稿に移動すると、私のコメントは他のブログ投稿にもあります。各投稿に独自のコメント セットがあるようにするにはどうすればよいですか?

Answer 1

投稿ごとに異なる data-href 属性を設定する必要があります。Yii でそれを行う方法の例を次に示します。

<div class="fb-comments" data-href="http://domain.com/post/view/<? echo $model->id; ?>" data-num-posts="4" data-width="695"></div>

ポイントは、data-href 値が各投稿で一意でなければならないということです。

Answer 2

html5 コメント ボックスを使用していると仮定します。

参照: https://developers.facebook.com/docs/reference/plugins/comments/

data-href="" // data href は、ボックスの url "object id" を設定します。php、javascript、またはコードを記述した言語で動的システムを使用する必要があります。

---

<div style="padding-left:5px; min-height:500px" class="fb-comments" data-href="'+newUrl+'" data-num-posts="20" data-width="380"></div>

---

"i use" 例: 次の例は、動的 URL を持つページで機能します

example.com?id=thisid&thisarticle=article-name

---

<div id="thecomments"></div>
    <script>
    function changeCommentsUrl(newUrl){
    // should refresh fb comments plugin for the "newUrl" variable
    document.getElementById('thecomments').innerHTML='';
    parser=document.getElementById('thecomments');
    parser.innerHTML='<div style="padding-left:5px; min-height:500px" class="fb-comments" data-href="'+newUrl+'" data-num-posts="20" data-width="380"></div>';
    FB.XFBML.parse(parser);
    }
    var thisurl = document.write(document.URL);
    changeCommentsUrl(thisurl);
    </script>