AMPページで広告を表示
1) JavaScriptコードの埋め込み
Amazonから提供させる広告コードのうちJavaScriptコードについては、AMPページに埋め込んで表示させる方法はありません．
2) Mobile Popoverの埋め込み
この形式は、JavaScriptなので、前述のJavaScriptコードの埋め込みと同様に、今現在対応策は不明です。試行錯誤注ですが、表示できる設定方法はわかっていません。
3) iframeの埋め込み
概要
iframeを使用するには、Header領域にAMP専用の宣言が必要です。もしも、Advanced Ads Proを導入していれば、このプラグインで処理してくれるので、宣言の対応は必要ありません。
Headerにコードを挿入できるプラグインで、その宣言のコードを挿入した上で、広告コードをページに埋め込みます。その際、AMP用のiframeであることを示すコード(amp-iframe)とする必要があります。
作業
- headerに宣言
- 以下のコードを埋め込む
- プラグインは、Header and Footerを使用する
- <script async custom-element=”amp-iframe” src=”https://cdn.ampproject.org/v0/amp-iframe-0.1.js”></script>
- 広告コードをページに埋め込む
- <amp-iframe>…</amp-iframe>の名式で、コードを埋め込む。コードは「…」に。
amp-iframe width="500"
height="281"
title="Netflix House of Cards branding: The Stack"
layout="responsive"
sandbox="allow-scripts allow-same-origin allow-popups"
allowfullscreen
frameborder="0"
src="https://player.vimeo.com/video/140261016">
</amp-iframe>まとめ
Amazonの広告で提供されているコードの種類について、説明し、実際の埋め込み方についてまとめました。
現在、2020/05/03で新型コロナウイルスによる騒動の中です。03/19からAmazonの商品リンクを広告しています。残念ながら、一度も購入していただけた実績は、ありませんが、アクセス数の問題でしょう。まあ、人生なにごとも経験といいますし、コツコツとアクセス数を上げる案を考え/実行のサイクルを回しましょう。
広告が表示されない時の対策
広告が表示されない場合があります。特に、Google広告の場合です。AMP化した場合に起こりやすくなるようです。AMPでは、AMPに対応したコードに変換して、それを代替表示させています。もしも、AMPで問題が起こった場合は、AMPの作業の中で、ポストを「忘れる」処理をして、再度、元の記事の編集画面から更新することで、AMPに対応したコード変換をさせると、ほとんどの場合、問題が改善できます。それでも、改善できない場合もあります。その場合は、キャッシュの構築関連に問題があることを疑います。「キャッシュ」のフラッシュをしてみます。
それでも、Google広告が表示されない場合もあります。Googleの広告では、「Responsive」の設定が可能なので、その設定(Googleサイトでの設定、Advance Adsプラグインでの設定など)では、広告コードは、Googleサイドに存在していることの理解が必要です。更に、広告が存在するGoogleサイドから広告コードが、自分のblogサイドに届いている場合と、届いていない場合にケースを分類することができます。
もしも、以上の対応である「忘れる」、「キャッシュ」のフラッシュ、でも、Googleの広告が表示されない場合は、自分サイドに広告コードが届いていないことを疑います。対策は、以下の通りです。
- ブラウザで、該当ページを表示される
- Google広告の表示が出ないことを確認する
- しばらくの時間(数分間)、ページの上下をスクロールしたり、静観したりする。
- (広告コードの転送が行われていると推測しています)
- 最後に、ブラウザの再読み込みをクリック。表示されると思います。
- それと、注意ですが、決して自分で広告をクリックしないようにしてください。そのクリックの数は、少なけばミスとして許容されているようです。でも、多すぎると、Google Adsenseから「出禁」を食います(by 経験者)。
編集履歴
2020/03/19 はりきり(Mr) 2020/03/21 追記 (Amazonアソシエイト) 2020/05/03 追記 (購入実績についての記載) 2021/03/10 追記 (はじめに) 2021/04/11 追記(広告が表示されない時の対策)