前回の記事にて、AmazonJSを使用したAmazonアソシエイト広告の作成を紹介しましたが、表示画像が小さい点が気になっていました。
-
【AmazonJS】amazonアソシエイト広告を綺麗に表示させるプラグインを使ってみた
前回amazonアソシエイト・プログラムに参加できたので、 れでイチオシのアイテムを紹介してみよう^^ れでおこちら、お部屋にひきこもりながら月の光を楽しめる逸品! あれ・・・なんかちっちゃい? ちな ...
AmazonJSのテンプレートの選択メニューでは、画像のみの表示であれば画像サイズを小・中・大と指定することができますが、動的なテンプレートを使用した表示の場合は画像サイズの指定ができません。
そのためなんとなく諦めていたのですが、調べてみたところちゃんと表示画像のサイズ指定をする方法がありましたのでご紹介します。
後になって気づいたのですが、AmazonJSはスマートフォンでの画像サイズは最大60pxのためimgsizeの指定は無効になってしまうみたいです。対処方法については以下の記事をご参照ください。
-
【スマホファースト】AmazonJSのimgsize指定はスマホで無効化される?原因と対処方法
これまでにも記事にしてきましたAmazonJSですが、どうもスマートフォンで表示するとimgsizeオプションの値に何を指定しても"small"として扱われてしまうようです。 そのため、以下の過去記事 ...
AmazonJSショートコードの仕様
前回の記事で作成した広告のショートコードは以下のようになります。
[amazonjs asin="B077CZCL1R" locale="JP" title="HAIXIANG 月ランプ 3D 月ライトベッドサイドランプ デスクライトマルチカラー 切り替え立体効果 LED小夜灯表面タッチ照明 寝室 USB充電式 調光可能 癒し(直経15cm)"]
ここで使用されている属性は以下の3個です。
- asin
- locale
- title
AmazonJSはこれらの情報を元にサーバサイドで動的に商品情報を取得してくれるのですが、オプション属性としてimgsizeというものがあるそうです。
プラグイン作者様のサイトによると、
画像サイズの指定 (
small
,medium
,large
のどれか ), 指定しない場合はテンプレートが決める
とあります!
Amazonアソシエイト広告の画像サイズを変更
さっそくAmazonJSショートコードに埋め込んで画像のサイズを大きくしてみます。
[amazonjs asin="B077CZCL1R" locale="JP" title="HAIXIANG 月ランプ 3D 月ライトベッドサイドランプ デスクライトマルチカラー 切り替え立体効果 LED小夜灯表面タッチ照明 寝室 USB充電式 調光可能 癒し(直経15cm)" imgsize="large"]
じゃあ、ミディアムで!
[amazonjs asin="B077CZCL1R" locale="JP" title="HAIXIANG 月ランプ 3D 月ライトベッドサイドランプ デスクライトマルチカラー 切り替え立体効果 LED小夜灯表面タッチ照明 寝室 USB充電式 調光可能 癒し(直経15cm)" imgsize="medium"]
お!いい感じ^^
非常にバランスよく、見やすくなりました!
まとめ
最初は「こんなもんかあ」とちょっとガッカリしていたのですが、
まさに望みどおりの表示ができたので満足です。
普段は説明書とか全然読まないのですが、オフィシャル情報をチェックするのは非常に大切だということを再認識しました^^
というか、テンプレートの選択メニューに入れてくれればいいのにw
-
AmazonJSやカエレバを過去にする?最強の商品紹介ツール「WPアソシエイトポストR2」
ブロガー・アフィリエイター後発組からすると世の中にはいろんな便利ツールがたくさんあって、嬉しいやらありがたいやらで日々勉強させていただいています^^ アフィリエイターとして非常にお世話になるツールとし ...
続きを見る