【Ad Inserter】WordPressの広告管理プラグインが表示されない時の解決方法

2021年7月8日ブログ

Ad Inserter のアイコン

この記事では、WordPressの広告管理プラグイン「Ad Inserter」がうまく表示されない時について書きます。Ad Inserter は記事中の指定の場所に登録しておいた広告を表示してくれる広告管理プラグインです。

結論から言うと、広告ブロック系のchrome拡張機能のせいです。オフにすることで使えるようになります。

Ad Inserter のスクリーンショット

Ad Inserter は、指定した場所に指定した広告を挿入してくれる便利なプラグインです。

全ての記事の中間の見出し2に広告を配置する…などのように広告の配置場所を細かく設定できるとても便利なプラグインです。より詳しく知りたい場合、こちらのサイトが参考になります。

しかし、僕の環境ではなぜかうまく機能しないという問題が発生しました。

下の画像のように、プラグインの設定画面に行っても何も表示されず、クリックしても何も反応しない状態…。こりゃまいった。「僕、間違ったプラグインインストールしちゃった?」と思って、作者を確認したけどちゃんと公式のでした。

表示がおかしい

そして、あれやこれや見ていたら無事に解決できたので書いておきます。


提供元:Igor Funa
最終アップデート:2.7.1

【原因】vivaldiの広告ブロック機能

Ad Inserterを見ると、以下のような警告文が表示されてました。

WARNING

Page may not be loaded properly. Check ad blocking software that may block CSS, JavaScript or image files.

(Google翻訳)ページが正しく読み込まれない可能性があります。 CSS、JavaScript、または画像ファイルをブロックする可能性のある広告ブロックソフトウェアを確認してください。

Troubleshooting – Quick help to solve issues with the plugin – Ad Inserter Pro

僕が利用しているvivaldiには、標準で広告ブロック機能が搭載されています。その広告ブロック機能が今回プラグインの表示を妨げていました。

ということで、vivaldiを利用している場合は、広告ブロック機能をオフにするか、除外ページにAd InserterのURLを追加することでちゃんと機能するようになります。

chromeの方は、「uBlock」などの広告ブロック拡張機能が原因だと思うので、そちらをオフにしてみてください。

トラッカーだけをブロックするように設定

Vivaldiの設定を開きます。Vivaldiアイコン→設定をクリックします。(Ctrl+F12でも開けます)

vivaldiメニュー

左側のメニューからプライバシーをクリックします。トラッカー・広告ブロックの設定を変更していきます。

プライバシー - トラッカー・広告ブロック

まずは、ブロックレベルを「トラッカーをブロック」にします。

トラッカーをブロック
メモ

一回、この段階でAd Inserterの設定を確認してみてください。もしかしたらこれだけでちゃんと表示されている可能性があります。もし、これで表示されない場合は、次に説明するサイト別で広告ブロックの設定を変更する方法を試してみてください。

サイト別に許可を出してあげる

次に、サイト別に許可を出してあげるために+をクリックします。

サイト別ブロックレベル管理

広告ブロックをなしにしたいサイトのURLを入力します。

「ブロックなし」を選びます。

個別設定リストに新しいサイトを追加

サイトのURLは、今回の場合「https://(自分のブログURL)/wp-admin/」になります。

「wp-admin/」までのURLで大丈夫です。

アドレスバーをコピー

以下の画像のように設定できたらOKです。

ブロックレベル

Ad Inserterがちゃんと表示されているか確認してみます。

既に開いている場合は、一度更新マーク(F5でも可能)を押して、ページを更新します。

更新ボタン

無事にAd Inserterの設定画面が表示されました。

これこれ。これです。

上に数字ブロックが表示された状態が本来のAd Inserterです。

Ad Inserter が正常に動作している画面

めでたしめでたし。

あとは、他サイトで散々紹介されているので省略しますが、アドセンスなどの広告コードを貼り付けることで、指定の場所に広告を表示させることができます。

まとめ

以上、Ad Inserterがうまく表示されない時の対処法でした。

Posted by ナポリタン寿司