プログラマでありたい

おっさんになっても、プログラマでありつづけたい

はてなブログにAmazonアソシエイトのMobile Popoverを設定する

 趣味がブログの私は、朝起きてAmazonのアフィリエイトの結果を見るのが日課となっています。儲かる儲からないじゃなくて、どういう反響があったかの確認方法の1つにコンバージョンというのは重要です。
※儲かれば嬉しいけどw

 ブログのアクセス解析をみていると、このブログもモバイル経由で見ている人が増えてきています。その割合は、2014年は25〜30%だったのですが、2015年は30〜35%と5%ほど比率が上がっています。その反面、Amazonのコンバージョン率は1.5%くらい下がっています。つまりモバイルユーザに対する訴求がうまく出来ていないということです。

Amazonのモバイル専用ウィジット Mobile Popover



 恐らくAmazonとしても、その辺りは課題なのだと思います。モバイル向けのコンバージョンを上げる為の施策として、AmazonはMobile Popoverというサービスを展開しています。これ何かというと、モバイルでAmazonのリンクを検知するとポップアップで大きく表示するというものです。一見すると邪魔に思えますが、使ってみるとそれほど違和感がなかったです。
f:id:dkfj:20160515135642j:plain

 ということで、このブログにも設定してみました。

はてなブログにMobile Popoverの設定をする



 このブログは、はてなブログを利用しています。はてなブログの場合、レスポンシブデザインのテーマを利用していない限りPC用とモバイル用を別々に設定します。Mobile Popoverは、当然モバイル用に設定します。まず管理画面のデザイン設定から、モバイルアイコンを選択します。

f:id:dkfj:20160515143233p:plain

 ヘッダーもしくはタイトル下に、Amazonのアソシエイトの管理画面から取得したMobile Popoverのコードを貼り付けます。コードは、こんな感じのものです。
※必ず自分のコードを取得して貼り付けてくださいね。

<script type="text/javascript">
  amzn_assoc_ad_type = "link_enhancement_widget";
  amzn_assoc_tracking_id = "dkfj-22";
  amzn_assoc_placement = "";
  amzn_assoc_marketplace = "amazon";
  amzn_assoc_region = "JP";
</script>
<script src="//z-fe.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1&MarketPlace=JP"></script>

貼り付けるコードは、Amazonアソシエイトの左メニューにあるMobile Popoverから取得できます。
f:id:dkfj:20160515143655p:plain

リンク先のコードをコピペするだけです。
f:id:dkfj:20160515143703p:plain

ブログのカスタマイズ



 ブログの改善という意味では、もっと根本的に検討しないといけないことが沢山あります。一番大きいのは、はてなドメインから独自ドメインに変えてから、検索経由の激減です。

f:id:dkfj:20150102132843p:plain

 ペナルティ的な問題点はなさそうなので、一つ一つ自分で改善してスコアを上げていくしかなさそうな感じです。そういった意味で、ページの表示速度改善などJS,CSS等も検討しないといけないところです。また、https化などもしたいのですが、はてな側の制約を回避する方法も検討する必要があります。独自ドメインということで、自前でサイト構築というのも1つなのですが、過去資産の活用という意味ではリダイレクトを捨てるのも大きな決断が必要です。
 このブログも、最盛期は月あたり8万以上のアクセスがあったのですが、今は毎月2万前後です。抜本的に何とかしたいとなぁというところです。時間がないので、お金払って誰かにお願いするのも1つなのかもしれませんね。