2017-01-17 1 views
0

私はリンクを共有するために私のアプリにGoogleプラス共有ボタンを追加したいと思います。私のアプリはJavascript、HTML5、CSSでビルドされ、phonegapビルドでパッケージ化されています。Google +で共有するコードでエラーが発生しています

私はhere(Share Linkの見出しの下にあります)というコードを使用していました。約2週間前にphonegapビルドで正常に動作していました。 しかし、ここ数日で再びアプリをテストすると、次のエラーが表示されます。「ブラウザはgoogle plusでサポートされていません」 私はテストしていたアンドロイドの両方の携帯電話でブラウザを更新しようとしましたが、同じエラーが表示されます。ここで

は、HTMLコード(エラーを引き起こす)の抜粋です:

<a href="https://plus.google.com/share?url={URL}" onclick="javascript:window.open(this.href, 
    '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img 
    src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+"/></a> 

だから今、私はGoogleでプラスthisページから共有するために他の選択肢をしようとしています。 私は問題を抱えていますが、通常のブラウザで(phonegapでパッケージ化するのではなく)次の基本コードを試しています。

<html> 
    <head> 
     <title>Share demo: Basic page</title> 
     <link rel="canonical" href="http://www.example.com" /> 
     <script src="https://apis.google.com/js/platform.js" async defer> 
     <!-- Place this tag in your head or just before your close body tag. --> 
     </script> 
    </head> 
    <body> 
      <div class="g-plus" data-action="share"></div> 
    </body> 
</html> 

このコードをブラウザで実行しているときに、共有ボタンを押します。ログインするとポップアップが表示されます。ログインすると、ポップアップが閉じられ、コンテンツはGoogle +アカウントで共有されません。コンソールで見たとき、私はリンクが204応答と、次の出力を与えている参照してください。

XHR finished loading: POST "https://apis.google.com/u/0/se/0/wm/1/_/jserror?script=https%3A%2F%2Fapis.g…com%22%20from%20accessing%20a%20cross-origin%20frame.&line=Not%20available". 

私が何か間違ったことをやっていますか?

また、私はphonegapの特定の方法でそれをやっていたのですが、私が見る限り、これはGoogleのプラグインであり、共有していません。アドバイスをいただければ幸いです。これは、まだ通常のブラウザで動作

var read_story_page_html = '<li>' 
      + '<a href="https://plus.google.com/share?url=' + safe_story_link + '" ' 
      + 'onclick="javascript:window.open(this.href,\'\', \'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600\');return false;">' 
      + '<span class="google_plus_icon">' 
      + '<i class="fa fa-google-plus-square"></i>' 
      + '</span>' 
      + '<span class="social_sharing_text"> Google+</span>' 
      + '</a></li>'; 

:感謝

編集

私は次のように(上記の)問題の原因HTMLコードのスニペットは、動的に文字列連結で生成されていることを言及する必要があります(したがって、コードにエラーはありません)。それは、phonegapと一緒にバンドルされると、Google Plusにリダイレクトされますが、「あなたのブラウザはgoogle +でサポートされていません」と表示されます。私が気づい

答えて

0

ことの一つは、HTMLコードのスニペットは、HREFに置き換えエラー

は{URL}を持っていないの原因となっているということです。

共有リンクの下にあるGoogle開発者サイトでは、{URL}を共有したいページのURLに置き換えます。

エラーを取り除くかどうか試してみてください。

+0

ありがとう..私はちょうど私の質問を編集しました。コードスニペットは実際問題ではありません。それはちょうど今phonegapと互換性がないようです。 – Sarah

関連する問題