Ad Inserterの使い方を解説!!広告が表示されないなんて言わせない

WordPressプラグイン

公開:2019.08.20 / 更新: 2020.05.30

WordPressプラグイン

この記事のURLとタイトルをコピーする

Ad Inserter の使い方が、わからないよ〜！

って疑問を、解決していきます。

アドセンスなどの広告を、自動で記事内やサイドバーなどに挿入できるプラグイン「Ad Inserter」。

もちろんPC表示だけでなく、スマホや AMP ページへの表示に対応しています。

しかし、日本語化されていないのでイマイチ使い方がわからないんですよね。

管理人

そんなときに、サウンドオルビスが一肌脱ぎましょう!!

英語検定２級を合格しているわたしが、なけなしの英語脳をすり減らして、あなたのために Ad Inserter の使い方を徹底的に説明していきましょう。

設定項目がおおいので、ちょっとずつ追記していく予定なのでいましばらくお待ちくださいね。

というわけで今回は、Ad Inserterの使い方を解説していきます。

この記事の目次

Ad Inserterの使い方
Ad Inserterの設定について
ヘッダー・フッター機能が便利!!
まとめ

Ad Inserterの使い方

Ad Inserter – WordPress プラグイン | WordPress.orgより引用

WordPressプラグイン「Ad Inserter」の使い方を、解説していきます。

インストール方法

プラグインの新規追加をクリック
Ad Inserterを検索
Ad Inserterの今すぐインストールをクリック→有効化します

ダウンロード：Ad Inserter – Ad Manager & AdSense Ads – WordPress プラグイン | WordPress.org

作者が、「Igor Funa」さんであることを確認してください。

Ad Inserter で自動挿入させる方法

Ad Inserterで、アドセンスなどの広告を自動挿入させてみましょう。

の表示場所ごとのテンプレート設定を、解説していきます。

設定から、 Ad Inserterをクリックして、さっそく設定していきましょう。

管理人

もう、広告が表示されないなんて言わせないぞ!!

1.記事タイトルの下

Ad Inserter で記事タイトル下に挿入する設定

停止ボタンが、赤くなっていないことを確認
Block 内に、アドセンスやアフィリエイトなどのコードを、コピペします。
Devicesをクリック
「Post」にチェックを入れ、Individually disabledを選択
「Insertion」は、 After HTML elementを選択
「HTML element」は、記事タイトルのクラス名を指定します。
「Client-side device detection」タブをクリックし、「Use client-side detection to」は、Insertを選択し、表示させたいデバイスにチェックを入れます。
最後に、Save All Settingsをクリックする。

2.目次の前

Ad Inserter で目次前に挿入する設定

停止ボタンが、赤くなっていないことを確認
Block 内に、アドセンスやアフィリエイトなどのコードを、コピペします。
Devicesをクリック
「Post」にチェックを入れ、Individually disabledを選択
「Insertion」は、 Before HTML elementを選択
「HTML element」は、目次ののクラス名を指定します。
「Client-side device detection」タブをクリックし、「Use client-side detection to」は、Insertを選択し、表示させたいデバイスにチェックを入れます。
最後に、Save All Settingsをクリックする。

3.サイドバー

Ad Inserter でサイドバーに挿入する設定１

停止ボタンが、赤くなっていないことを確認
Block 内に、アドセンスやアフィリエイトなどのコードを、コピペします。
Manual・Devicesをクリック
「Post」にチェックを入れ、Individually disabledを選択
「Insertion」は、 Disableを選択
Widget 基本ウィジェットにチェックをいれる
「Client-side device detection」タブをクリックし、「Use client-side detection to」は、Insertを選択し、表示させたいデバイスにチェックを入れます。
最後に、Save All Settingsをクリックする。

サイドバーに表示させる場合は、ウィジェトもあわせて設定する必要があります。

Ad Inserter でサイドバーに挿入する設定２

外観をクリック
ウィジェットをクリック
利用できるウィジェットにあるAd Inserterをクリック
ウィジェットを追加をクリック
Blockで、サイドバーに表示させたいコードを設定した Block を選択する
保存をクリックする

4.AMPページの記事50%の位置に表示させる方法

Ad Inserter で AMP ページの 50% の位置に挿入する設定

Block 内に、AMP用のアドセンスやアフィリエイトのコードをコピペします。つづけて、「List・Device・Misc」をクリックしておきます。
「Post」にチェックを入れ、Individually disabledを選択
「Insertion」は、 Before paragraphを選択し、「0.5」を記入する。※右側のカウントボタンをクリック
「Count」は、 from topを選択し、「p」と記入
「List」の「Urls」に、*/amp/と記入し、「White list」を選択
「Client-side device detection」タブをクリックし、「Use client-side detection to」は、showを選択し、「Phone」にチェックを入れます。
「Insertion」では、AMP pagesにチェックをいれましょう。Ajax requests はデフォルトで入っていますが、外しても大丈夫です。
最後に、Save All Settingsをクリックする。

Ad Inserterの設定について

Ad Inserter の設定について、解説していきます。

※続々設定値について、追記中。

Block

表示させる広告の場所を、「Block」で管理することができます。

一度の画面で表示できる Block は、16個まで。Documentationよこの「1-16」「17-32」などのタブで、表示を切り替えることができます。

Ad Inserter では96個も、広告を表示できるんですよ。

管理人

まぁ、そんなに表示することないけどね。笑

Blockの名称変更と、設定ボタン系について

「Block 1」などの名前は、クリックすることで名称変更できます。

Block 名称の右側は、左から順番に↓

設定項目	解説
Toggle syntax highlighting / simple editor for mobile device	コード入力画面の表示を変更するボタン。色が変わるだけですね。
Toggle tools	アドセンス向け設定やバナー広告を設定できる。
Processe PHP code in blocks	PHP の場合に、チェックをいれます。アドセンスのみなら、特に気にしなくてOK。
Disable insertion of this blocks	広告の表示をストップします。

気にすべきところは、「Disable insertion of this blocks」が赤くなっていないことだけは、チェックしてください。赤くなっていると、広告が表示されませんので、ご注意を!!

「Disable insertion of this blocks」以外は、基本的にさわらなくても大丈夫です。

広告表示する場所の設定について

設定項目	内容
Post	「Individually disable」と「Individually enable」を選択可能
Static pages	「Individually disable」と「Individually enable」を選択可能
Homepage	トップページに表示できる
Category pages	カテゴリページに表示できる
Search pages	検索ページに表示できる
Tag/Archive pages	タグ・アーカイブページに表示できる

「Individually disable」とは、記事ごとに表示させたくない Block を選択できるようになります。

「Individually enable」は、記事ごとに表示させる Block を選択できるようになります。

それぞれの設定は、個別記事の編集画面下に表示されているはずです。

List・Manual・Devices・Misc・Previewの設定

List について

List 設定では、表示させるページの種類を指定できます。

設定項目	内容
Categories	表示させたいカテゴリを、選択できます。
Tags	表示させたいタグを、選択できます。
Taxonomies	分類という意味。Ad Inserter 側で認識した分類法を、選択できます。
Post IDs	選んだ記事のIDで、広告を表示させることができます。
Urls	記事のURLごとに、広告の非表示を設定できます。
Urls parameters	URLパラメーターごとに、広告の非表示が選べます。
Refrrers	詳細不明。ちょっとよくわからないですね...

をクリックすると、カテゴリやタグの候補が表示されます。候補をクリックし、右側の欄に候補が移動したら選択できたということです。

「Black list」は、選択したカテゴリなどで表示させたくないときに、チェックしてください。

「White list」は、選択したカテゴリなどで表示させたいときに、チェックしてください。

設定がおわったら、Save All Settingsをクリックするのをお忘れなく。

Manualについて

Manual 設定では、手動で Block を表示させることができます。

リスト名

widget：サイドバーに表示させたい場合、チェックする
shortcode：ショートコードで呼び出す場合
PHP function：php で呼び出す場合

とくにシートコードで呼びだす方法は、適切な位置に広告を貼りつけるときにとても役立ちます。

管理人

覚えておこう!!

Devicesについて

Devices 設定では、Block 広告を表示させるデバイスを指定できます。

「Client-side device detection」は、ブラウザで判断
「Server-side device detection」は、サーバー側で判断

どちらを選んでも動作は、あまり変わりませんでした。サーバー側はキャッシュ残りで、多少が表示に影響が出るようですが...お好みで!!

「Client-side device detection」で、設定してみましょう。

Client-side device detectionの設定方法

「Client-side device detection」タブをクリック
「Use client-side detection to」にチェックを入れる
showまたは、insertを選択する
「Desktop・Tablet・Phone」から、表示させたいデバイスにチェックする

「show・insert」の違いは、「insert」は javascript コードを使用して Block を挿入するとのことです。動作チェックしながら、正しく動く方を選んでください。

「Server-side device detection」で、設定してみましょう。

Server-side device detectionの設定方法

「Server-side device detection」タブをクリック
「Use server-side detection to」にチェックを入れる
「desktop devices・mobile devices・tablet devices・Phone devices・desktop and tablet devices・desktop and phne devices」から、表示させたいデバイスにチェックする

よくわからない場合は、クライアント側「Client-side device detection」で設定した方がいいですね。

【参考】デバイス検出-デスクトップ、タブレット、または携帯電話向けに広告を最適化する-Ad Inserter Pro

Misc について

Misc 設定では、AMPページや404ページに Block を表示させることができます。

設定項目	内容
	内容がはいります。
AMP pages	AMP ページで表示させるなら、忘れずチェック
Ajax requests	無限スクロールなどで使用。
RSS Feed	チェックの必要なし
Error 404 page	チェックの必要なし

AMP にアドセンスを表示させるには、AMP用のアドセンスコードを発行する必要がありますのでご注意を!!

【参考】AMP 対応のディスプレイ広告ユニットを作成する - AdSense ヘルプ

「Max blocks per page.」にチェックして、Max insertions に数字を設定することで挿入される回数を制限できるとのこと。

「Filter・Word Count・Scheduling・Display・General」については、使用方法がいまいち不明なため後日、追記いたします。

【参考】Additional settings - Word count, lazy loading, scheduling - Ad Inserter Pro