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>タグを使っている箇所では表示されない

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