頑張らない!でも諦めない!必死にならずにええかげん

(欲しいものリスト)amazon™アソシエイト各ユニットサイズとレイアウト用画像

amazon™アソシエイト(アフィリエイト)をサイトに設置しようと思った際には、
非常に多くの広告ユニットを利用することができます。

設置しようと思ったエリアに対してちょうどいいサイズを探すことも意外と手間のかかる作業です。
この投稿ではサイトのレイアウト時に広告ユニットを疑似的に配置して
ウィッシュ(欲しいもの)リストウィジェットのレイアウト調整をするための画像イメージをご紹介します。

はじめに

サイト上に広告ユニットを配置する際に面倒なのが、
広告配信サービスが個々に用意しているバナーなどの対応サイズを調べて、
レイアウトにスペースを確保する作業です。

そうしたスペースを確保してレイアウトするために、
amazon™アソシエイトの広告ユニットのサンプル画像を作成しましたのでご紹介します。

なお、Google™AdSenseの広告ユニットの各サイズについては以下でご紹介しています。
Google™ AdSenseの各ユニットサイズのレイアウト用画像

広告ユニットとサイズ

amazonアソシエイトにて表示可能な広告サイズと対応する広告ユニットの一覧については、
以下でご紹介しています。
amazon™アソシエイトで設置可能な広告ユニットの種類とサイズ

amazon™アソシエイト広告ユニット種類

amazonの多くのウィジェットのパーツでウィッシュ(欲しいもの)ウィジェットがあります。
ウィッシュ(欲しいもの)リストウィジェットでも利用ができるウィジェットサイズも以下のように選択が行えます。

amazonアソシエイトにて利用可能なその他の広告タイプについて以下でご紹介しています。

ウィッシュ(欲しいもの)リストウィジェット

ウィッシュ(欲しいもの)リストウィジェットで選択ができるサイズは、
スライドバーから幅選択が行え任意のサイズ(150px~800px)で指定することができますが、
高さに関しては表示する列(行)を指定(1~20)することしかできません。

その為、高さに関しては任意のサイズとして設置を行うことはできない仕様です。
高さは以下の各範囲と選択しているスタイルによって、微妙に変化してしまいます。

  • 幅 ~164 px
  • 幅 165 px~173 px
  • 幅 174 px~207 px
  • 幅 208 px~287 px
  • 幅 288 px~

明確に設定とスタイルの関係のサイズを明記することはしませんが、
最少サイズと最大サイズを標準スタイルで選択すると以下のようになります。

列数(表示項目数) 1行 20行
最少幅:150 px 293 px 2155 px
最大幅:800 px 213 px 1695 px

※表内のpx値は実際に生成された高さを示します。

本投稿の本来の趣旨は、Google™AdSenseの代替広告の作成にありますので、
ここではGoogle AdSenseの広告ユニット幅に合わせたウィッシュ(欲しいもの)リストサイズを例にご紹介します。

GoogleAdSense各広告ユニットのサイズ

Google AdSenseの広告ユニットのサイズはヘルプに公開されている通り、
以下のサイズが選択できます。

この中で、幅が150px以下、または高さが213px以下の広告ユニットに対しては、
ウィッシュ(欲しいもの)リストでサイズ指定が行えませんので、対象外とします。

01_GoogleAdsense広告ユニットサイズ

GoogleAdsense広告ユニットサイズ

サイズ対応一覧

ウィッシュリスト 120
x90
125
x125
160
x90
180
x90
180
x150
200
x90
200
x200
250
x250
120
x240
300
x250
336
x280
120
x600
160
x600
300
x600
234
x60
320
x50
468
x60
728
x15
728
x90
970
x90
サイズは可変

設置時の注意点

このウィッシュリストは設置し実行されると、
展開されたタグに「#nav」という一般的なid属性が設定された要素が出力されます。

その為、すでに利用しているテーマなどで「#nav」が利用されている場合には、
テーマ側のid属性を重複しないものに変更されることをお勧めします。

レイアウトが乱れた場合はおそらくこのid重複に起因してしまうと思われます。

サイズイメージ

以下サイズはGoogleAdSenseサイズを基準にしています。

リンクユニット 120×90縦長(小)

幅、高さともに150px以下の為、対象外

その他スクエア 125×125 – ボタン

幅、高さともに150px以下の為、対象外

リンクユニット 160×90 – 縦長(中)

高さが213px以下の為、対象外

リンクユニット 180×90 – 縦長(大)

高さが213px以下の為、対象外

その他スクエア 180×150 – レクタングル(小)

幅150px、高さ213px以下の為、対象外

リンクユニット 200×90 – 縦長(特大)

高さが213px以下の為、対象外

その他スクエア 200×200 – スクエア(小)

高さが213px以下の為、対象外

その他スクエア 250×250 – スクエア

広告サイズイメージ

47_お気にいり250x231

広告サンプル

実際に広告を表示すると以下のようなイメージになります。
以下のサイズは「250px – 231px(スタイルに依存)」で表示されています。

amazon Promotion

その他縦長 120×240 – 縦長バナー

幅が150px以下の為、対象外

推奨 300×250 – レクタングル(中)

広告サイズイメージ

48_お気にいり300x213

広告サンプル

実際に広告を表示すると以下のようなイメージになります。
以下のサイズは「300px – 213px(スタイルに依存)」で表示されています。

amazon Promotion

推奨 336×280 – レクタングル(大)

広告サイズイメージ

49_お気にいり336x213

広告サンプル

実際に広告を表示すると以下のようなイメージになります。
以下のサイズは「336px – 213px(スタイルに依存)」で表示されています。

amazon Promotion

その他縦長 120×600 – スカイスクレイパー

幅が150px以下の為、対象外

推奨 160×600 – ワイドスカイスクレイパー

広告サイズイメージ

50_お気にいり160x575

広告サンプル

実際に広告を表示すると以下のようなイメージになります。
以下のサイズは「160px – 575px(スタイルに依存)」で表示されています。

amazon Promotion

その他縦長 300×600 – スカイスクレイパー(大)

広告サイズイメージ

51_お気にいり300x525

広告サンプル

実際に広告を表示すると以下のようなイメージになります。
以下のサイズは「300px – 525px(スタイルに依存)」で表示されています。

amazon Promotion

その他横長 234×60 – ハーフバナー

高さが213px以下の為、対象外

推奨 320×50 – モバイルバナー

高さが213px以下の為、対象外

リンクユニット 468×15 – 横長(中)

高さが213px以下の為、対象外

その他横長 468×60 – バナー

高さが213px以下の為、対象外

リンクユニット 728×15 – 横長(大)

高さが160px以下の為、対象外

推奨 728×90 – ビックバナー

高さが213px以下の為、対象外

その他横長 970×90 – ラージビックバナー

高さが213px以下の為、対象外

 

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

このようにして、設置すページに応じたジャンルを選択して、
好きなバナーを表示することができるようになります。

レイアウト用画像の一括ダウンロード

11_amazon-wish-unit-image.zip

レイアウトのスペースにちょうどいい広告サイズを探して設置する作業は意外と面倒なものです。
事前に丁度いいサイズの広告ユニットを見つけたうえでレイアウトの検討を行うといいでしょう。


AdMax Promotion

公開日:
最終更新日:2014/12/04

最後までお読みいただきありがとうございました。

ページ
すべて展開 | すべて省略

AdMax Promotion

忍者AdMax

AdMax Promotion

AdMax Promotion

A8.net Promotion

Rakuten Promotion

ブログ記事のご紹介
すべて展開 | すべて省略