MENU

はてなブログにAmazonモバイル専用ウィジェット Mobile Popoverを導入してみた。

Amazonアソシエイトで「New: モバイル専用ウィジェット Mobile Popoverを公開しました。」とあったので、当ブログにも追加してみました。

  設定方法

Amazonアソシエイトのページを開くと右上に 、「New: モバイル専用ウィジェット Mobile Popoverを公開しました。」とあるのでそこをクリック。

Mobile Popoverのスクリプトが表示されています。

【Amazonアソシエイト画面】

f:id:oimako0121:20170322231337p:plain

 

このスクリプトをコピーして、はてなブログのダッシュボード→設定→詳細設定にある「headに要素を追加」の中に貼り付けます。

【はてなブログダッシュボード画面】

f:id:oimako0121:20170322232601p:plain

f:id:oimako0121:20170322232824p:plain

スマホでの見え方

私も最初、「何も出ないじゃん!」を思ったのですが、Amazon商品のリンクがスマホ画面内にある場合のみ表示されます。

商品リンクと同じ商品が下段に表示されるのですが、情報としては金額が追加で表示されるくらいですね。

【画面内にAmazon商品リンクがあるときの画面】

 f:id:oimako0121:20170322234436p:plain

【画面内にAmazon商品リンクがないときの画面】 

f:id:oimako0121:20170322235856p:plain

 

効果はどうなんでしょう。ミスタッチの誘発が拡大されそうな気がしますが・・・。

何はともあれ、まずはアクセス数を伸ばさなくては。 

Amazonアソシエイト(アフィリエイト)完全攻略講座