0

タグfb-rootの直後にdivがインストールされたJavaScriptコードがあります。<body>

私のウェブサイトのヘッダーには、ウェブサイトを高く評価するためのいいねボタンがあります。

しかし、すべての記事について、ウェブサイトにはもっと多くのボタンがあります。同じページに複数ある場合があります。

そこで、Facebookのドキュメントの指示に従って、タグdata-href=""に属性を追加しました。fb-like動作しませんでした。ref=""次に、記事のスラッグを含む属性を追加しました。それが役立つと思った。

data-href属性とref属性の両方を持つボタンは、Webサイトヘッダーのものと同じ量のいいねを表示します。そして、私がそれらをクリックすると、それらは両方とも、私がで指定したURLではなく、同じURLが好きdata-hrefです。どのボタンも常にタグからのデータを使用し、opengraphタグで指定したものを完全に無視します。（どちらが反対である必要があります）

したがって、問題は次のとおりです。OGタグをバイパスして、URLをdata-hrefボタンに使用するように強制する方法はありますか？（それはそのように機能するはずですが、私はそれが機能しない理由を完全に無視します）。

私が使用するコードは次のとおりです。

直後の ：

<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&appId=MY_API_KEY>";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

次に、ヘッダーで：

<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial" data-colorscheme="light"></div>

そして、記事で：

<div class="fb-like" data-href="URL_OF_THE_ARTICLE" data-send="false" data-layout="button_count" data-width="175" data-show-faces="false" data-font="arial" data-colorscheme="light"></div>

ちなみにfb：とdivの両方のタグを使ってみました。TwitterやGoogle+の場合と同様に、これは非常に簡単なはずです。

誰もがそれの何が問題なのか考えていますか？

ありがとう！

4

1 に答える 1

0

いいねボタンの data-href パラメータは、いいね/シェアしたいコンテンツの URL を指している必要があります -

その URL には、Facebook に表示するタイトルなどを伝えるメタ タグを含め、これらのタグを Facebook のクローラーに返す必要があります。

Facebook のデバッグ ツールを使用して、その URL で Facebook が何を検出したかを 確認できます。タグを変更したりog:url、正規のメタ タグを使用したりして、クローラーをリダイレクトしていないことを再確認してください。

于 2013-02-14T00:55:02.130 に答える