私は GWT アプリケーションを持っており、ナビゲーション、ブラウザ履歴などに「GWT アクティビティと場所」を使用しています。今度は、Google プラス ボタンを組み込んで、ユーザーが特定の記事を 1 つおすすめできるようにします。最初のスクリーンショットでわかるように、フッターにも Google プラス ボタンがあります。これは、ホスト ページ (HTML ページ) に直接含まれており、最初のページの読み込み時に表示されます。2 つ目は記事ウィジェットの一部であるため、javascript を介してホスト ページに追加されます。これは最初のページ読み込みでは表示されませんが、ページをリロードすると表示されます (F5 を押した後の 2 番目のスクリーンショットを参照)。その問題の解決策はありますか?
Facebookのいいねボタンでも同じ問題がありました。HTML5版からiFrame版に切り替えることで解決できました。Googleプラスボタンの別のバージョンもありますか?
これが私のコードです。まず、Google プラス スクリプトを含めます。
<script type="text/javascript">
window.___gcfg = {
lang: 'en-US'
};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
このコードはボタンを追加します:
<div class='g-plusone' data-annotation='inline' data-width='300' data-href='http://gwt-prime.appspot.com/fb/ArticleSection/4'></div>
スクリーンショット:
ページの最初の読み込み -> ボタンがありません:
ページのリロード後 -> ボタンが表示されます:
リンク例
このページを自分で確認するには、こちらをご覧ください: live example