Google Adsenseの代替広告の作成に使えるPSDフォーマットを作成しました

Findjob Startup風のキャッチ画像でお送りしております。

こんにちは。
秋が深まってきました。

今回はGoogle AdWordsやGoogle Adsenseの広告バナーを作成する際に便利な
psdフォーマット（雛形）を作成しましたので、ご紹介します。

また、Google Adsenseの代替広告を設置する際の手順やHTMLフォーマットもご紹介します。

広告バナーサイズの規格

広告バナーのサイズは規格がある程度決まっていて
大体下記のサイズが定番です。

四角タイプ

336×280 – レクタングル（大）
300×250 – レクタングル（中）
180×150 – レクタングル（小）
320×50 – モバイルバナー
250×250 – スクエア（大）
200×200 – スクエア（小）
125×125 – ボタン

横長タイプ

970×90 – ラージビッグバナー
728×90 – ビッグバナー
468×60 – バナー
234×60 – ハーフバナー

縦長タイプ

300×600 – ラージスカイスクレイパー
160×600 – ワイドスカイスクレイパー
120×600 – スカイスクレイパー
120×240 – 縦長バナー

リンクユニット

728×15 – 横長（大）
468×15 – 横長（中）
200×90 – 縦長（特大）
180×90 – 縦長（大）
160×90 – 縦長（中）
120×90 – 縦長（小）

その他

300×50（縦横比 6:1）
216×36（縦横比 6:1）
168×28（縦横比 6:1）
300×75（縦横比 4:1）
216×54（縦横比 4:1）
168×42（縦横比 4:1）
192×53（日本標準サイズ）

これらのバナーを作成する際、
いちいちサイズを計って作成するのは手間だなーと感じていたので、
あらかじめ規格サイズを定義したPhotoshopのデータフォーマットを作成しました。

Google Adsenseを設置してるサイト運営者や、
広告バナーの作成を依頼されたデザイナーに役立つデータとなっています。

ダウンロードはこちら

ダウンロード

Google Adsenseの代替広告の設定

Google Adsenseの広告スペースは関連性の高い広告が無い場合、
空白のスペースを表示するか、自分で用意した代替広告を表示するか選べます。

空白スペースにしておくのはもったいない、そう感じるサイト運営者は多いと思いますが、
手つかずになっていませんか？（自分がそうでした）

代替広告用のバナーと、飛び先のページを準備しておけば、
広告スペースを有効に活用できます。

設置・設定方法

代替広告には画像を表示させる方法と、リンク付きの画像を表示させる方法があります。

画像のみ表示したい場合、設置した画像のURLを、
リンク付きで表示したい場合、設置したHTMLのURLを設定します。

リンク付き設置例

以下に画像とHTMLをアップした場合

http://○○○.com/160×600.html
http://○○○.com/160×600.jpg

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="robots" content="nofollow,noindex">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<a href="飛び先のURL" target="_top"><img src="160x600.jpg"></a>
</body>
</html>