我がブログをチェックしていたら、ファビコンのマークがクルクル回り続けてサイトの読み込みが終わらない。
不審に思いChromeのデベロッパーツールのコンソールをチェックしてみると、
|
1 |
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://accounts.google.com') does not match the recipient window's origin ('https://onoredekaiketsu.com'). |
などというエラーが大量発生して更に増殖して真っ赤になっている！
これはマズイ・・・
早速調査して対策する。
調査
いろいろと調べたところ、どうやら我がブログのページ内に埋め込まれている 「Google+」 のシェアボタンが何やら悪さをしているらしい。
当方はSimplicity2というテーマを利用させてもらっているのだが、テーマのカスタマイズの部分からシェアボタンの管理ができたはず・・・
もしかしたら「Google+」のシェアボタンを無効にしてみればエラーが消えるかもしれない・・・
試しに「Google+」のシェアボタンを無効にしてみるとエラーが消えたｗ
更に色々と試してみたら、「Google+」のシェアボタンが有効のままでも、「シェアボタンのタイプ（PC）」を「デフォルト（サービス固有のボタン）」以外に変更するとデベロッパーツールのコンソールのエラーが消えることを発見！
対策
2つの方法がある。
おすすめは（１）の方法です。
※2019年4月に「Google+」が終了するとアナウンスがあったので、2019年4月までには【対策方法（２）】の処理で「Google+」のシェアボタンを消しましょう。
【対策方法（１）】「シェアボタンのタイプ（PC）」を「デフォルト（サービス固有のボタン）」以外に変更する。
WordPressにログインして「外観」→「カスタマイズ」→「SNS」をクリックする。
「シェアボタンのタイプ（PC）」 を 「デフォルト（サービス固有のボタン）」以外に変更 して 「公開」 をクリック。
※念のために「シェアボタンのタイプ（モバイル）」もデフォルト以外に変更したほうが良いかもしれません。
【対策方法（２）】「Google+」のシェアボタンを無効にする
WordPressにログインして「外観」→「カスタマイズ」→「SNS」をクリックする。※2019年4月以降はこちらを行ってください。
シェアメッセージの 「Google＋「+1」ボタンの表示」のチェックを外して「公開」 をクリック。
解決
当方は上記の 【対策方法（１）】 の方法で運用することで、以降は無事にデベロッパーツールのエラーが消えました！
以上で解決です！
