歩道を歩く男性

WEB

DIVERのAMPページに『リンクユニット広告』を表示させる方法

WordPressのテンプレート『DIVER』で、AMPページにリンクユニット広告を表示させる方法について説明します。

リンク広告はAMP対応されていませんが、AMP対応の広告コードを作成し表示させたい部分に貼り付けるだけなので、とっても簡単です。

AMP対応の広告コード

リンクユニットのAMP対応の広告コードは、下記の通りです。

 

上の『data-ad-client』と『data-ad-slot』の『xxxxxxxxxx』となっている部分を、① サイト運営者ID と ② 広告ユニットID に置き換えます。

リンクユニットコード

広告の高さ(height)は、任意で変更できます。リンクユニットは一つの枠の高さが50pxなので、表示させたい数に合わせて適宜調整してください。

 

作成したコードを表示させたい部分に貼り付けます。

私は、『投稿内上部』に表示させたいので、『DIVER』の管理画面Diverオプション基本設定 の『広告設定』に次のように貼りました。

 DIVERの管理画面

 

デフォルトの場所以外に広告を表示させたい場合は、AMPの中にあるファイルに直接書き込みます。作業前には、必ずバックアップを取るようにして下さい。

AMPフォルダは、『DIVER』の親テーマの『lib』の中にあります。

テーマエディター

例えば、記事の途中に広告を表示させたい場合は、『single.php』のファイルに直接書き込みます。

まとめ

リンクユニット広告は、廃止になったとばかり思っていたのですが、2019年4月以前にアドセンスアカウントを取得した人はまだ利用できるみたいですね。

少し戸惑いましたが、上記の通りに進めてみたら簡単に表示させることができました。

ぜひ、あなたもチャレンジしてみてください。

 

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

関連記事

  1. 海を背景にフレームを持つ女性の手

    WEB

    Photoshopで簡単!!画像に枠線を作る方法

    「画像に枠線を作りたい。だけど、どうやって作ればいいの?」そん…

  2. 郵便受け

    WEB

    要素の高さを揃える 『matchHeight.js』の使い方

    float させた横並びのカラムの高さをそろえたい!! だけど、ボック…

  3. チェックリスト

    WEB

    『wpX Speed』でDNSレコードから所有権を確認する方法

    WordPress 専用クラウド型レンタルサーバー『wpX Speed…

  4. 段ボールを持つ女性

    WEB

    エックスサーバーから『wpX Speed』へ移行する方法

    あなたは、どちらの会社のレンタルサーバーをお使いですか?私は、…

  5. コントローラー

    WEB

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

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

  6. 空にかざした水晶

    WEB

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

    一生懸命作ったブログのロゴ画像。残念ながらそのままアップしても、Mac…



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

wordpress

よく読まれている記事

  1. 広告
  2. ガネーシャ
  3. local by flywheel
  4. ネットショッピング
  5. ガッツポーズする男性
  6. 歩道を歩く男性
  7. チェーン
  8. コントローラー
  9. 段ボールを持つ女性
  10. ブランコに乗る女の子

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

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

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

パソコンを覗き込む二人の女子
  1. Google Search Console

    WEB

    【2019年】『Google Search Console』でプロパティの追加と…
  2. タイプライター

    WEB

    font-weight プロパティについて
  3. pencils

    WEB

    さあ、WordPress(ワードプレス)でブログを始めよう!!
  4. 郵便受け

    WEB

    『WP Mail SMTP』のテスト送信でのエラー表示(Could not au…
  5. fontAwesome

    WEB

    超簡単!!Font Awesome(Version 5)の使い方
PAGE TOP