Amazonアソシエイトで「New: モバイル専用ウィジェット Mobile Popoverを公開しました。」とあったので、当ブログにも追加してみました。
設定方法
Amazonアソシエイトのページを開くと右上に 、「New: モバイル専用ウィジェット Mobile Popoverを公開しました。」とあるのでそこをクリック。
Mobile Popoverのスクリプトが表示されています。
【Amazonアソシエイト画面】
このスクリプトをコピーして、はてなブログのダッシュボード→設定→詳細設定にある「headに要素を追加」の中に貼り付けます。
【はてなブログダッシュボード画面】
スマホでの見え方
私も最初、「何も出ないじゃん!」を思ったのですが、Amazon商品のリンクがスマホ画面内にある場合のみ表示されます。
商品リンクと同じ商品が下段に表示されるのですが、情報としては金額が追加で表示されるくらいですね。
【画面内にAmazon商品リンクがあるときの画面】
【画面内にAmazon商品リンクがないときの画面】
効果はどうなんでしょう。ミスタッチの誘発が拡大されそうな気がしますが・・・。
何はともあれ、まずはアクセス数を伸ばさなくては。