Mobile Popoverを設置する方法【Amazonアソシエイト&WordPress】

Amazonアソシエイト(アフィリエイト)プログラムに参加しよう!
Amazonが提供するアフィリエイト(成果報酬型広告)サービス。画像への広告埋め込み機能やお手軽ウィジェットなど初心者にも嬉しい多彩なリンク作成機能をご用意しています。紹介対象商品は5,000万点以上! 携帯・スマホにも対応。アカウント登録・利用はもちろん無料です。

アメリカで売上30%アップの実績を誇る、モバイル専用ウィジェット「Mobile Popover」を導入してみました。記事に商品をAmazonリンクで掲載している場合、その商品をオーバーレイ方式で画面下部に表示してくれます。

商品リンク→Mobile Popoverを開きます。

 

表示されたコードを </body> タグの直前に貼り付けます。

<script type="text/javascript">
amzn_assoc_ad_type = "link_enhancement_widget";
amzn_assoc_tracking_id = "トラッキングID";
amzn_assoc_linkid = "コード";
amzn_assoc_placement = "";
amzn_assoc_marketplace = "amazon";
amzn_assoc_region = "JP";
</script>
<script src="//ws-fe.amazon-adsystem.com/widgets/q?
ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1&MarketPlace=JP"></script>

テーマCocoonの貼り付け場所

外観→テーマの編集→子テーマ:Cocoon Child→tmp-user→body-top-insert.php

<?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>の下に追記。

 

テーマSimplicityの貼り付け場所

外観→テーマの編集→子テーマ:Simplicity2 Child→footer-insert.php「//↓ここに挿入?>」の下に追記

 

テーマLuxeritas Themeの貼り付け場所

Luxeritas→子テーマの編集→フッターに追記

 

モバイル端末で確認

Amazonの商品が紹介されているページの下部にこのように表示されます。

 

表示されない場合がある

AMPページや、<iframe>タグを使っている箇所は表示されません。

テキストリンクか画像リンクの場合に限り表示されます。

でも、いつの間にか表示されなくなってしまいました。

エラーを確認したり、一応コードを貼る場所を変更してみたりしたのですが、全く表示されないのでコードは削除。そうしたらサイトのモバイルスピードが22→31になりました。一旦Mobile Popoverは諦めます。