古い記事
ランダムジャンプ
新しい記事
とある用途で使うために、ウェブページ用のバナーの標準的なサイズを確認するための
仕掛け(JavaScript)を作りました。

- Banner Size Checker
http://chalow.net/misc/banner-size.html
画像

ソースコードはこんな感じです。
<script>
function change_banner_size(w,h,t) {
  var e = document.getElementById('sample_banner');
  e.style.width = w;
  e.style.height = h;
  e.innerHTML = t;
}
</script>

<div id="sample_banner"
 style="padding:0;margin:0;background-color:#ccc;font-size:xx-small"
>hello!</div>

<input type="button" onclick="change_banner_size(300,250,this.value)"
 value="300 x 250 Medium Rectangle"><br>
<input type="button" onclick="change_banner_size(250,250,this.value)"
 value="250 x 250 Square Pop-Up"><br>
...

ref.
- IAB - Ad Unit Guidelines
  http://www.iab.net/iab_products_and_industry_services/
  1421/1443/1452

- バナーサイズの国際標準
  http://www.yuzuriha.sakura.ne.jp/~akikan/kaigai/kaigai7.html
- バナー作成 バナーサイズ
  http://bannerpepe.net/size.html