標準的なバナーサイズを簡単に確認するための仕掛け
2008-12-04-2
[Design][Programming]
とある用途で使うために、ウェブページ用のバナーの標準的なサイズを確認するための
仕掛け(JavaScript)を作りました。
- Banner Size Checker
http://chalow.net/misc/banner-size.html

ソースコードはこんな感じです。
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
仕掛け(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
