2012-05-10 13 views
9

は、ここでのシーンのrender:は手動で動的に生成されたGoogleのプラスワン」ボタン

  • Webページは、Googleの+ボタンを持っていません。
  • ユーザーがボタンをクリックします。
  • テキストとGoogle +ボタン(<g:plusone href="http://www.website.com"></g:plusone>) をdivに読み込むAJAXリクエストが送信されます。
  • 私はそこにあるコードを見ることができますが、レンダリングされていません。

私はこれが役に立つかもしれないと聞いた: gapi.plusone.go();

しかし、私はよく分かりません。

アイデア?

ありがとうございました

+2

既にg + divが用意されているので、 'gapi.plusone.go()'を呼び出してレンダリングを呼び出すだけでいいです。コンテナdivのidに渡す方が良いです。 –

答えて

10

あなたは正しい方向です。 gapi.plusone.go()は、明示的に+1ボタンを表示する1つの方法です。 official docsのコードスニペットは、gapi.plusone.render()を使用した別の方法を示しています。

<html> 
    <head> 
    <title>+1 Demo: Explicit render</title> 
    <link rel="canonical" href="http://www.example.com" /> 
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> 
     {"parsetags": "explicit"} 
    </script> 
    <script type="text/javascript"> 
     function renderPlusone() { 
     gapi.plusone.render("plusone-div"); 
     } 
    </script> 
    </head> 
    <body> 
    <a href="#" onClick="renderPlusone();">Render the +1 button</a> 
    <div id="plusone-div"></div> 
    </body> 
</html> 

JavaScript APIについてさらに詳しくは、elsewhere on the previously linked pageと記載されています。

+0

ありがとう!私がしていたもう一つの問題は、ページがロードされるとレンダリングをすぐに呼び出すことでした...私は、Ajaxリクエストが完了するのを待つ少しのタイムアウトを追加しました。ご協力いただきありがとうございます! – JoeRocc

関連する問題