1

それで、友人の Blogger ブログと Facebook との統合を手伝おうとしています。彼はいくつかの問題を抱えていました (メタタグの混乱など)、最終的にすべてを整理し、Facebook のデバッガーでサイトを実行すると、すべてがうまくいきました。しかし現在、新しい投稿にはメイン ページの全体的ないいね数が表示され、Facebook の [いいね] ボタンの個々の投稿ではなく、古い投稿には影響がない (個々のいいね数がある) という問題があります。

参考までに、問題のサイトはLos Heladeros (この時点で約 87 のいいね! があるようです) で、Facebook サイトは /LOSH3LAD3ROS (765 のいいねがあるので、いいねは Facebook サイトに関連付けられているのではなく、メインのサイトに関連付けられています) です。ページドメイン）。

ここで、このチュートリアルに従って、各投稿に表示される [いいね] ボタンのコードを作成しました (問題ありません)。ボタンのコードは次のとおりです。

<div>
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="lucida grande" action="like" colorscheme="light"></fb:like>
</div>

ただし、現在、サイトの新しい投稿には、メイン ページ (FB ページではなく) のいいね! の合計が含まれており、個々の投稿のいいね! ではありません (つまり、すべての新しい投稿は、この時点で 87 のようないいねですぐに開始されます)。 ）、まだすべての古い投稿（オープングラフのメタデータの問題を修正する前）は完全に問題ありません（つまり、いくつかのいいねが表示され、メインページからの新しいいいねや共有の影響を受けません.）

参考までに、修正前の投稿で、以前は少数の共有しか表示されていなかった投稿が、現在は全体の数に戻っていることに気付きました...

サイトの Open Graph メタデータは次のとおりです。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'> 

<title>Los Heladeros: TU UPDATE MUSICAL ANTES QUE SE DERRITA</title>

<!-- Facebook Open Graph Meta Tags -->
<meta content='Los Heladeros' property='og:title'/>
<meta content='blog' property='og:type'/>
<meta content='http://www.losheladeros.com' property='og:url'/>
<meta content='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash4/377165_310579818971632_1169246050_n.jpg' property='og:image'/>
<meta content='Los Heladeros' property='og:site_name'/>
<meta content='502365163' property='fb:admins'/>
<meta content='335887849786080' property='fb:app_id'/>
<meta content='Descargas gratis de música que no es cool, pero lo será mañana | HOUSE | INDIE | DISCO |' property='og:description'/>

<!-- Open Graph Meta Tags by: www.MetaTagGenerator.org -->

そのため、「 og:url」をサイト全体ではなく特定のサイト (つまり、すべての投稿)に設定する必要があることを他の投稿で読みましたが、それは「 data:post. canonicalUrl " FB Like ボタン コードのビット テンプレートページに1つのユニバーサルコードを配置し、URLを動的に取得し、投稿ごとにカウントを個別にする方法が必要であることはわかっています（メタタグがクリーンアップされる前の古いコードを振り返ると、彼はは現在と同じ全体的なサイト URL を持っていて、この問題に遭遇したことは一度もありませんでした。

また、新しい記事のいずれかを共有すると、その後、個々の投稿ではなく、メイン ページの写真と説明を取得しますが、古い投稿を共有すると、正しい画像と説明が自動的に生成されます。古い投稿と新しい投稿の両方で Facebook Debugger を比較してみましたが、違いはありません (存在しないはずなので)。これは普遍的でオーバー アーチ型のコードであるため、何が原因なのか非常に混乱しています。また、一部 (つまり、新しいものと古いもの) だけでなく、すべての投稿が同じように動作することを期待していると思います。

参考までに、私は新しいユーザーなので、2 つのリンクしか投稿できませんが、メイン ページに移動すると、新しい投稿が一番上に表示され、ボタンには 87 件以上の「いいね！」が表示されます。下にスクロールすると、最終的にはより控えめなカウントを持つ古い投稿を参照してください (つまり、正しくカウントされています)。

皆さんが私に与えることができるどんな助けにも感謝します。これは私の最初のスタックオーバーフロー投稿であり、関連する投稿をほぼすべて読みましたが、まだこの問題に対する答えが見つかりません。

4

1 に答える 1

1

OK、それで私はこれを解決したと言っています。Blogger用の正しいFacebookOpenGraphメタタグを作成するための完全な方法を詳しく説明している次のチュートリアルに出くわしました。

Bloggerのグラフマークアップを開く[バージョン3]

これが私の更新されたメタタグです。これは今後完全に機能するようです。

<!-- OPEN GRAPH MARKUP FOR BLOGGER [VER. 3] TAGS http://goo.gl/tyJ9a FOR ORIGINAL TUTORIAL -->
<meta expr:content='data:blog.pageName' property='og:title'/>    
<meta expr:content='data:blog.title' property='og:site_name'/>     
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>     
<b:if cond='data:blog.metaDescription'>     
     <meta expr:content='data:blog.metaDescription' property='og:description'/>     
</b:if>     
<b:if cond='data:blog.pageType == &quot;item&quot;'>     
     <meta content='article' property='og:type'/>     
     <b:if cond='data:blog.postImageThumbnailUrl'>     
         <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>     
     </b:if>     
<b:else/>     
     <meta content='blog' property='og:type'/>     
     <meta content='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash4/377165_310579818971632_1169246050_n.jpg' property='og:image'/>
     <meta content='502365163' property='fb:admins'/>
     <meta content='335887849786080' property='fb:app_id'/>     
</b:if>
<!-- OPEN GRAPH MARKUP FOR BLOGGER [VER. 3] TAGS http://goo.gl/tyJ9a FOR ORIGINAL TUTORIAL -->

注目すべきことに、下部に管理者とアプリIDを追加し、その下にインデントしました。FacebookDebugger / Linterはそれで問題ないようでした（それが場違いであるという警告を出す前に）。また、私の友人は、メタタグとjavascript実装の間でAPPIDの不一致がありました。私はそれを修正し、同じAPP IDを入力しました。混乱した投稿はまだカウントが混乱していますが、今後はすべての投稿が正しいいいねカウントで正常に動作し、共有されると投稿の情報が正しく取得されますFBのシェアに（タイトル、写真、説明）。

これが同じ問題に遭遇しているかもしれない他の誰かに役立つことを願っています。ジョージBモガへの小道具。これが、メタタグのテンプレートへの彼のリンクを見つけたstackoverflowの投稿です。

于 2012-12-18T20:58:57.050 に答える