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

この記事のURLとタイトルをコピーする
WordPressプラグイン
読者さん
読者さん
Ad Inserter の使い方が、わからないよ〜!

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

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

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

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

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

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

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

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

Ad Inserterの使い方

Adinserter capture

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

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

インストール方法

Adinserter install

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

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

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

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

Adinserter demo

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

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

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

サウンドオルビス
サウンドオルビス
もう、広告が表示されないなんて言わせないぞ!!

1.記事タイトルの下

Article title bottom

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

2.目次の前

Article toc before

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

3.サイドバー

Article sidebar

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

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

Article sidebar2

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

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

Adinserter amp50

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

Ad Inserterの設定について

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

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


Block

Adi block

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

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

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

サウンドオルビス
サウンドオルビス
まぁ、そんなに表示することないけどね。笑

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

Adi setteing

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

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

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

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

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

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

Place adinserter setting

設定項目内容
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の設定

Tab adinserter setting

List について

Adinserter list

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

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

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

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

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

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

Manualについて

Adinserter nanual

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」で設定した方がいいですね。

Misc について

Adinserter misc

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

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

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

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

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

ヘッダー・フッター機能が便利!!

Ad Inserter のヘッダー・機能が便利なんです。

Adinserter head1
Adinserter footer1
  1. Ad Inserter の歯車ボタンをクリック
  2. 稼働ボタンが「みどり」なのを、確認します
  3. コードを入力
  4. Save Settetingsをクリック

たとえば、「記事のタイトルとURLコピーするボタン」の jQuery を BODY内にいれたいときや、無料のWebフォント「Font AwesomeのコードをHEAD内に記入する方法」で、大活躍してくれます。

ちょっとだけ表示速度が遅いので、もっと軽やかに管理したいときはWordPressプラグイン「Insert Headers and Footers」がおすすめですよ。

ヘッダー・フッターの管理ができるメリットは、たくさんプラグインをいれずに済むことなのです。

Ad Inserter をインストールしているけど、知らなかった方はぜひ活用してみてくださいね!!

まとめ

Ad Inserterの使い方を解説してきました。

サウンドオルビス
サウンドオルビス
もう広告が表示されないなんて、言わせない!!

をタイトルにいれて、力強く解説してきました。どうですか?ちゃんとアドセンス広告など、表示できていることを祈っております。

もちろん広告だけではなく、記事下に自分の作品の新着情報をのせるなど、使い方は自由自在です。

ぜひあなただけの使い方を、見つけてみましょう。

そのほか、WordPress プラグインをお探しなら、こちらの記事もあわせてどうぞ↓

「WordPressプラグイン」カテゴリの新着記事はこちら

この記事のURLとタイトルをコピーする
記事へのお問い合わせ

サウンドオルビス

1,755,184 views

悩みからの解放宣言!!「音楽」と「テクノロジー」の悩みを解決するために、情報発信しています。現在「モバイルDTM」といえば、サウンドオルビス!!って言われるような記事をたくさん書いています。

プロフィール