広告

WEB

『DIVER』で、AMP対応のディスプレイ広告を表示させる方法と注意点

WordPressのテーマ『DIVER』で、グーグルアドセンスの AMP 対応のディスプレイ広告を表示させる方法について解説します。

『DIVER』では、下記の AdSense ヘルプの手順通りに設定すると、グーグルサーチコンソールから『ドキュメントの AMP コンポーネントの「script」タグが複数あります。』という警告のメールが届いてしまいます。

そうならない方法についても合わせて説明します。

参照:AdSense ヘルプ『AMP対応のディスプレイ広告ユニットを作成する

AMP広告の個別設定

ディスプレイ広告は予め作成しておきます。

1. AMP広告コードを取得する

グーグルアドセンスの 広告 >『広告ユニットごと』をクリックします

アドセンス広告

 

既存の広告ユニット』の中から、表示させたい広告の『< >(コードを取得)』をクリックします。

アドセンス広告

 

次に、画面に表示された『AMP』をクリックします。

ディスプレイ広告

注意!!

ステップ1『スクリプトをコピーして、サイトの <head></head> タグの間に貼り付けます』と表示されますが、『DIVER』を使用されているのであれば、何もする必要はありません

ここで指示通りにスクリプトを貼り付けてしまうと、下の画像()のようにエラーが発生してしまいます。飛ばして ステップ2 に進みましょう。

サーチコンソール

 

ステップ2 の『AMP広告コード』をコピーします。

2. AMP広告コードを『DIVER』の『広告設定』に貼り付ける

『DIVER』の管理画面Diverオプション基本設定 の『広告設定』に移動します。

Diverオプション設定画面

① の『広告表示(AMP)』は、広告を表示させたいところに を入れます。

② の『AMP広告個別設置』をクリックし、先ほどコピーした AMP広告コード を表示させたい場所に貼り付けたら完成です!!

 

私は下の画像()のように、投稿内上部 に『リンクユニット広告』を、最初のH2の直前、3番目のH2の直前、投稿内下部に『ディスプレイ広告』を設置してみました。

Diverオプション設定画面

 

関連記事

まとめ

AMP対応のディスプレイ広告を表示させるのは、専用の広告コードを貼り付けるだけなので特に難しいことはありません。

しかし『DIVER』の場合、最初からAMP対応がされているため、AMP広告ライブラリを貼り付けてしまうと、グーグルサーチコンソールから『ドキュメントの AMP コンポーネントの「script」タグが複数あります。』という警告が届いてしまいます。

AdSense ヘルプの手順では、<head></head>タグの間に『AMP広告ライブラリ』を読み込むためのスクリプトを貼り付けるように指示されますが、『DIVER』をご使用の場合、貼り付ける必要はありません。

サーチコンソールから警告が届いた場合も、上記で貼り付けたタグを削除すれば解決します。

 

 
スポンサードリンク
 
スポンサードリンク

ガッツポーズする男性アドセンスのサイト追加審査に一発合格したブログの詳細を公開!!前のページ

『wpX Speed』でDNSレコードから所有権を確認する方法次のページチェックリスト

関連記事

  1. wordpress,ワードプレス

    WEB

    エックスサーバーで WordPress をインストールする方法

    WordPress(ワードプレス)でブログを始めるために、ドメインとサ…

  2. ドメイン

    WEB

    お名前.com でドメインを取得する方法

    WordPress でブログを始めるには、独自ドメインを取得しなくては…

  3. いいえ、結構です。

    WEB

    お名前.comの自動更新の設定を解除する方法

    お名前.com でドメインを取得する際にクレジットカード払いを選択する…

  4. ガッツポーズする男性

    WEB

    アドセンスのサイト追加審査に一発合格したブログの詳細を公開!!

    2018年10月頃までは、一度アドセンスのアカウントを取得してしまえば…

  5. ドメイン

    WEB

    エックスサーバー(エックスドメイン)でドメインを取得しよう

    エックスサーバー(XSERVER)でサーバー契約を済ませたら、次はドメ…

  6. コントローラー

    WEB

    WordPress でレイアウトが崩れる自動整形を回避する方法

    WordPress で固定ページを作成しようと思い、コードを記述して表…

== WORDPRESS 完全マニュアル ==

wordpress

よく読まれている記事

  1. 3匹のカエル
  2. 空にかざした水晶
  3. ガッツポーズする男性
  4. 郵便受け
  5. ドアに差し込まれた封筒
  6. 黄色い壁を背に喜ぶ女性
  7. 広告
  8. cyclists
  9. 海に浮かぶ男性
  10. ペンを持つ手

当サイトで使用しているテーマはこちら!!

アフィリエイトサイトにはDiverもお勧め!!

WordPressでブログ始めてみませんか?

パソコンを覗き込む二人の女子
  1. 歩道を歩く男性

    WEB

    DIVERのAMPページに『リンクユニット広告』を表示させる方法
  2. 海を背景にフレームを持つ女性の手

    WEB

    Photoshopで簡単!!画像に枠線を作る方法
  3. 空にかざした水晶

    WEB

    Retinaディスプレイでもロゴ画像がぼやけないように、クッキリと表示させる方法…
  4. pencils

    WEB

    さあ、WordPress(ワードプレス)でブログを始めよう!!
  5. ブランコに乗る女の子

    WEB

    エックスサーバーで『サブドメイン』を設定して、WordPressをインストールし…
PAGE TOP