ワードプレスでASPのAMP対応のアフィリエイト広告の貼り方

アフィリエイト広告を利用しています

「AMP対応のアフィリエイト広告ってどうやって使うの?」

この記事はA8やバリューコマースといったASPで取得したAMP対応広告をどう使ったらいいのか知りたい人に向けて書いています。

function.phpを触らない、私のやり方を紹介します。

AMP用広告の貼り方

考え方としては普通のページとAMP用ページを完全に分けて作っています。

普通のページは普通に通常のアフィリエイト広告を貼ります。

次にAMPページを作ります。

AMP用のプラグインはAccelerated Mobile Pages 作成者: Ahmed Kaludiさん, Mohammed Kaludiさんのを使っています。

このプラグインを入れるとCustom AMP Editorという欄が登場します。

ここに普通のページの内容をコピペし、普通ページ用のアフィリエイト広告を削除します。
そしてAMP対応広告を貼ります。

テキスト広告はAMPページ用では削除し、ただの文字にします。
A8のテキスト広告はAMPに対応していません。 バリューコマースはAMP用のテキスト広告があります。

欄の左上に Use This Content as AMP Content とありますのでレ点を入れましょう。

試したこと

私はCocoonというテーマを使っています。

通常ページ AMP対応広告と通常広告を二つ並べて貼ってみました。

通常ページでは通常広告が表示され、AMP対応広告は表示されませんでした。

AMPページでは通常広告もAMP対応広告も表示されました。

通常広告はAMPで表示されていますが、正しく機能しているのかどうかわかりません。

A8ネットでもAMPでは専用のタグで記載される必要があると書いてあります。
AMP対応リンクとは何ですか? A8ネット

通常広告はAMPページでは表示されない方がいいと判断しました。

まとめ

この方法は、リライトするときなど修正が面倒です。
しかし確実であると思います。
もっといい方法がありましたら教えて下さい。

コメント

タイトルとURLをコピーしました