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

2020.04.16

アソシエイト・セントラル

アメリカで売上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の貼り付け場所
テーマSimplicityの貼り付け場所
テーマLuxeritas Themeの貼り付け場所
モバイル端末で確認
表示されない場合がある

テーマ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は諦めます。