WordPressのサイトで[Failed to execute ‘postMessage’ on ‘DOMWindow’]エラー

failed-to-execute-postmessage-on-domwindow-error WordPress

我がブログをチェックしていたら、ファビコンのマークがクルクル回り続けてサイトの読み込みが終わらない。

不審に思いChromeのデベロッパーツールのコンソールをチェックしてみると、

などというエラーが大量発生して更に増殖して真っ赤になっている!

'DOMWindow'で 'postMessage'を実行できませんでしたエラー

Failed to execute 'postMessage' on 'DOMWindow'エラー拡大

これはマズイ・・・

早速調査して対策する。

スポンサーリンク

調査

いろいろと調べたところ、どうやら我がブログのページ内に埋め込まれている 「Google+」 のシェアボタンが何やら悪さをしているらしい。

当方はSimplicity2というテーマを利用させてもらっているのだが、テーマのカスタマイズの部分からシェアボタンの管理ができたはず・・・

もしかしたら「Google+」のシェアボタンを無効にしてみればエラーが消えるかもしれない・・・

試しに「Google+」のシェアボタンを無効にしてみるとエラーが消えたw

更に色々と試してみたら、「Google+」のシェアボタンが有効のままでも、「シェアボタンのタイプ(PC)」を「デフォルト(サービス固有のボタン)」以外に変更するとデベロッパーツールのコンソールのエラーが消えることを発見!

スポンサーリンク

対策

2つの方法がある。
おすすめは(1)の方法です。

※2019年4月に「Google+」が終了するとアナウンスがあったので、2019年4月までには【対策方法(2)】の処理で「Google+」のシェアボタンを消しましょう。

【対策方法(1)】「シェアボタンのタイプ(PC)」を「デフォルト(サービス固有のボタン)」以外に変更する。

WordPressにログインして「外観」→「カスタマイズ」→「SNS」をクリックする。

シェアボタンのタイプを「デフォルト(サービス固有のボタン)」以外に変更

「シェアボタンのタイプ(PC)」 を 「デフォルト(サービス固有のボタン)」以外に変更 して 「公開」 をクリック。

※念のために「シェアボタンのタイプ(モバイル)」もデフォルト以外に変更したほうが良いかもしれません。

【対策方法(2)】「Google+」のシェアボタンを無効にする

WordPressにログインして「外観」→「カスタマイズ」→「SNS」をクリックする。※2019年4月以降はこちらを行ってください。

「Google+「+1」ボタンの表示」のチェックを外す

シェアメッセージの 「Google+「+1」ボタンの表示」のチェックを外して「公開」 をクリック。

スポンサーリンク

解決

当方は上記の 【対策方法(1)】 の方法で運用することで、以降は無事にデベロッパーツールのエラーが消えました!

デベロッパーツールのエラーが消えた

 

以上で解決です!

WordPress
スポンサーリンク
スポンサーリンク
Ketsunosukeをフォローする
己で解決!泣かぬなら己で鳴こうホトトギス