はてなブログに Amazonの「Mobile Popover」を設置してみる。

f:id:kiyoshi_net:20170129231923p:plain

スマホページの下部分にアマゾンの広告がでてくるというものです。どうやら米国では30%の収益アップになったとか。

せっかくなので追加してみました。

追加方法

・アマゾンアソシエイトのページにいく https://affiliate.amazon.co.jp/gp/associates/network/main.html

・モバイル専用ウィジェット Mobile Popoverを公開しました。 のリンクをクリック

f:id:kiyoshi_net:20170129224427p:plain

・貼付け用のJavaScriptの文字列を選択

f:id:kiyoshi_net:20170129224606p:plain

・はてなブログの 設定→詳細設定→headに要素を追加 に追記する

f:id:kiyoshi_net:20170129224807p:plain

f:id:kiyoshi_net:20170129224932p:plain

・画面一番したの「変更する」ボタンで確定するのを忘れずに。

 表示のされ方

すべてのブログ記事に出るのではなく、アマゾンアフィのリンクを貼ったページ、且つ、ページでアマゾン紹介の部分にゆっくりスクロールした時に表示されるようです。すばやく下にスクロールした場合は表示されない。

これならそれほど邪魔にはならないので、大丈夫かな??

効果

さっき導入したばかりで不明。

そんじゃーの!