2016-02-23 5 views
6

動的に構築され、スニペットを表示してうまく表示するためにGoogle+で共有されるリンクを取得しようとしているウェブページを持っています。記事のレンダリングとドキュメントに関するスニペットの例はオープン予定のプロトコルを使用したGoogle+スニペット

https://developers.google.com/+/web/snippet/article-rendering

私は私のリンクは、私はGoogleのプラスに設定されたすべてのものにレンダリングされない文書に従ったとき、彼らはこのように現れる:

enter image description here

私のJavaScriptで

<head> 
<div id="replaceGoogle"></div> 
</head> 

私は一度生成オープングラフタグを挿入するためにこれを持っている:

//replace google 
     var google = '<meta property="og:type" content="article" /><meta itemprop="og:headline" content="'+ data[0].name+'" /> <meta itemprop="og:description" content="View beer on Beer Portfolio" /> <meta property="og:image" content="'+ data[0].icon +'" />'; 
     $("#replaceGoogle").replaceWith(google); 

データはAJAX呼び出しから読み込まJSONから取られている私のページの頭には、次のようになります。これを動的に行うことはできませんか?

+0

あなたのウェブ言語を動的に変化させるだけのServerSideスクリプト。 – Hammer

答えて

4

質問はGenerating Open Graph meta tags dynamicallyと似ていると思います。あなたの問題の主な理由は、Google +とFacebookはあなたのJavaScriptを実行しないので、誰もあなたの動的なOGタグを表示しないということです。この問題への

Basicソリューションは以下のとおりです。

  • は、各動的ページに一意のURLを作成し、データベースにこのURLの動的なのparamsを保存します。
  • ユーザーが保存したダイナミックのparams
  • が見つかっダイナミックのparams

Simple schema for saving og tags for dynamic generated pages

1

使用サーバーサイド・スクリプトで満たさOGタグでページを作成するでしょう。このユニークなURLでページを共有するようにしてください(頼みますコメントの詳細については

関連する問題