Googleコード

を使用して 'DOMWindow'で 'postMessage'を実行できませんでした。自分のサイトにGoogle+バッジを追加します。 Googleの設定ツールからコードをコピー/貼り付けすると、バッジが機能しません。私はGoogleのコードを貼り付け/空のindex.htmlやコピーを作成したので、問題はJavaScriptであるかもしれないと思った...しかし、それはまだ動作しません：Googleコード

Googleのコード：

<!-- Place this tag in your head or just before your close body tag. --> 
<script src="https://apis.google.com/js/platform.js" async defer></script> 

<!-- Place this tag where you want the widget to render. --> 
<div class="g-page" data-width="250" data-href="https://plus.google.com/110789175777197362579" data-theme="dark" data-rel="publisher"></div>

FULL HTMLをindex.htmlを

コンソールで

<!DOCTYPE html> 
<html> 
<head> 
<title>Test</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
</head> 
<body> 

<!-- Place this tag where you want the widget to render. --> 
<div class="g-page" data-width="250" data-href="https://plus.google.com/110789175777197362579" data-theme="dark" data-rel="publisher"></div> 

<!-- Place this tag in your head or just before your close body tag. --> 
<script src="https://apis.google.com/js/platform.js" async defer></script> 
</body> 
</html>

に私は次のエラーを表示することができます

が「オン「のpostMessage」を実行できませんでした。 DOMWindow '：提供されたターゲットの原点（' null '）が、受信者ウィンドウの原点（' null '）と一致しません。 person
getAttributeNode（）の使用は非推奨です。代わりにgetAttribute（）を使用してください。 'DOMWindow'で 'postMessage'を実行できませんでした：指定されたターゲットオリジン（ 'null'）は、受取人ウィンドウの起点（ 'null'）と一致しませんでした。 '）。 person
'DOMWindow'で 'postMessage'を実行できませんでした：指定されたターゲットオリジン（ 'null'）は、受取人ウィンドウの起点（ 'null'）と一致しません。 postmessageRelay
'DOMWindow'で 'postMessage'を実行できませんでした：指定されたターゲットオリジン（ 'null'）が受信者ウィンドウの起点（ 'null'）と一致しません。 postmessageRelay
'DOMWindow'で 'postMessage'を実行できませんでした：指定されたターゲットオリジン（ 'null'）が受信者ウィンドウの起点（ 'null'）と一致しません。 postmessageRelay
'DOMWindow'で 'postMessage'を実行できませんでした：指定されたターゲットオリジン（ 'null'）が受信者ウィンドウの起点（ 'null'）と一致しません。 postmessageRelay
'DOMWindow'で 'postMessage'を実行できませんでした：指定されたターゲットオリジン（ 'null'）が受信者ウィンドウの起点（ 'null'）と一致しません。 postmessageRelay
'DOMWindow'で 'postMessage'を実行できませんでした：指定されたターゲットオリジン（ 'null'）が受信者ウィンドウの起点（ 'null'）と一致しません。 postmessageRelay

出典

2016-04-26 steelbull

[私のためにうまくいく]（https://jsfiddle.net/b9x4svf9/）iframeなどに入れようとしていますか？ –

Hmmm ...私はここに掲載されているように、まったく同じHTMLコードを使用しています。私はFirefox、Firefox Developer、Chromeを試していました。動作しません:-( – steelbull

[Google API in Javascript]の複製が可能です（0120-338-801）。 –

Google+バッジでファイルシステムを介してローカルで表示する代わりに、Webサーバーでコードを実行する必要があることがあります。

HTMLファイルを開くだけでなく、Webサーバーを使用してホストしてみてください。ここには多くのオプションがあります。あなたはPythonがインストールされている場合は、あなたが実行して試みることができる：

cd [directory where file is located] 
python -m SimpleHTTPServer 8080

、その後http://localhost:8080

でWebブラウザでの閲覧、私はこれが問題かもしれないと思う理由は、私もエラーが出ていることです（あなたのようではないと同じエラーが）ファイルシステムをオフローカルで実行しているが、私は、Webブラウザを介して表示するとき、それはそうのように、正常に動作する場合：

https://jsfiddle.net/wwkdgL5b/

出典

2016-04-26 17:02:00 Travis

Yeeees！これは謝罪の答えです。ウェブサーバー。ありがとう。 – steelbull

答えて

関連する問題