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

 

  1. Amazonアソシエイト
  2. 商品リンク
  3. Mobile Popover
  4. JAVAScriptのコードを取得

 

 

HTMLの</body>タグの直前にコードを貼り付けます。

 

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

 

  1. WordPressのダッシュボード
  2. Luxeritas
  3. 子テーマの編集
  4. フッターに追記

 

 

テーマSimplicityの貼り付け場所

 

  1. WordPressのダッシュボード
  2. 外観
  3. テーマの編集
  4. 子テーマSimplicity2 Child
  5. footer-insert.phpの「//↓ここに挿入?>」の下に追記

 

 

テーマCocoonの貼り付け場所

 

  1. WordPressのダッシュボード
  2. 外観
  3. テーマの編集
  4. 子テーマCocoon Child
  5. tmp-user
  6. body-top-insert.php
  7. 「<?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>」の下に追記

 

 

モバイル端末で確認

 

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

 

 

表示されない場合がある

 

AMPでは表示されない

<iframe>タグを使っている箇所では表示されない

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