今後Webデザインや独立に関する本などでおすすめできるものを紹介する予定ですが、amazonアソシエイトを利用しようとするも、amazon公式の商品リンクがなにか気にいらない。
▼amazon公式の商品リンク
気に入らない理由として考えられるもの
- 商品画像が小さい
- 縦並びしかレイアウトがない
- iframeタグはできれば使いたくない
ということで、オリジナルレイアウトで自分のブログへ挿入するためにカスタマイズしたのがこちら。
▼オリジナルレイアウト
- 佐々木希 Non
佐々木希- ASIN: 4087805468
- 価格: ￥ 1,000
改良点
- 商品画像をひとまわり大きくした
- 商品画像の横に情報が並ぶようにした
- table不使用（インラインCSSでなんか苦しいけど）
- cssのfloatやclearを使うとサイトのレイアウトを崩壊させる恐れがありそうだったので、positionレイアウトにしてみた
さらに、何度も手入力で上記タグを書き換えるのも面倒だったので、動的にアソシエイトリンクを生成できるジェネレーターを制作。自分用のつもりでしたが、同じように公式レイアウトを変えたいと思っている人がいるかもしれないので公開します。
ちょっとググれば高機能なアソシエイトリンク作成ツールを公開されている方はたくさんいるので、細かくカスタマイズされたい方はそちらをオススメします。