【Google Map】「GoogleMap」に「Adsense」の「広告」を表示する方法

【Google Map】
「GoogleMap」に「Adsense」の「広告」を表示する方法

「Google Map API」では、
表示している地図上に、
「Google Adsense」の広告を表示することができる。

「Adsense」のライブラリを読み込んで、
「Google Adsense」の専用コードを記述することで、
広告が表示されるようになる。

詳しくは、
下記をご参照ください。

INDEX

■ 「Google Map API」で「Adsense」を表示する「設定」
■ 「Google Map」に「Adsense」を表示する「記述コード」
■ 「google.maps.adsense.AdFormat」クラスで使える「定数」の「意味」
■ 「google.maps.ControlPosition」「AdUnitOptions.position」クラスで使える「定数」の「意味」
■

■ Gallery

「Google Map API」で「Adsense」を利用するには、
「Google Map API」を呼び込むときに、
「libraries=adsense」パラメータを指定して、
「Adsense」のライブラリを読み込んで利用できるように指定しなければならない。

Back

「Google Map」に、
「Adsense」を表示するには、
「設定」が終了した後に、
「地図」を表示するための「Javascript」を記述する必要がある。

「Google Map」に「Adsense」を表示する「記述コード」

//------------------------------------
//Google Adsense
var adUnitDiv=document.createElement("div");
var adUnitOptions={
format:google.maps.adsense.AdFormat.HALF_BANNER,
position:google.maps.ControlPosition.BOTTOM_LEFT,
map:マップを表示してる「div」タグのオブジェクト名,
visible:true,
publisherId:"自分のAdsense「サイト運営者 ID」"
}
var adUnit=new google.maps.adsense.AdUnit(adUnitDiv,adUnitOptions);
//------------------------------------

Back

「google.maps.adsense.AdFormat」クラスを使用するときは、
下記の「定数」を使用して、
「地図」の表示形式をアレンジする。

「google.maps.adsense.AdFormat」クラスの定数

LEADERBOARD	横方向いっぱいの長さの表示領域を作成。	728x90px
BANNER	横長の「バナー」広告を作成。	468x60px
HALF_BANNER	小さい横長の「バナー」広告を作成。	234x60px
SKYSCRAPER	大きい縦長の広告を作成。	126x600px
WIDE_SKYSCRAPER	大きく幅の広い縦長の広告を作成。	160x600px
VERTICAL_BANNER	中程度の縦長の広告を作成。	120x240px
BUTTON	小さい広告を作成。	125x125px
SMALL_SQUARE	少し大きい正方形の広告を作成。	200x200px
SQUARE	大きい正方形の広告を作成。	250x250px
SMALL_RECTANGLE	小さい長方形の広告を作成。	180x150px
MEDIUM_RECTANGLE	中程度の長方形の広告を作成。	300x250px
LARGE_RECTANGLE	大きい長方形の広告を作成。	336x280px
SMALL_VERTICAL_LINK_UNIT	小さい縦長のリンクユニットを作成。
MEDIUM_VERTICAL_LINK_UNIT	中程度の縦長のリンクユニットを作成。
LARGE_VERTICAL_LINK_UNIT	大きい縦長のリンクユニットを作成。
X_LARGE_VERTICAL_LINK_UNIT	特大の縦長のリンクユニットを作成。
SMALL_HORIZONTAL_LINK_UNIT	小さい横長のリンクユニットを作成。
LARGE_HORIZONTAL_LINK_UNIT	大きい横長のリンクユニットを作成。

Back

「google.maps.ControlPosition」「AdUnitOptions.position」クラスで使える「定数」の「意味」

「AdUnitOptions.position」クラスでは、
「google.maps.ControlPosition」の「定数」と同じ「定数」を設定する。

「google.maps.ControlPosition」「AdUnitOptions.position」クラスで使える「定数」

BOTTOM_CENTER	下辺の中央に配置
BOTTOM_LEFT	下辺の左に配置。Googleのロゴの右。
BOTTOM_RIGHT	下辺の右に配置。著作権情報の左。
LEFT_BOTTOM	左辺の下側に配置。Googleロゴの上。
LEFT_CENTER	左辺の中央に配置。
LEFT_TOP	左辺の上側に配置。TOP_LEFTの下側。
RIGHT_BOTTOM	右辺の下側に配置。著作権情報の上。
RIGHT_CENTER	右辺の中央に配置。
RIGHT_TOP	右辺の上側に配置。
TOP_CENTER	上辺の中央に配置。
TOP_LEFT	上辺の左側に配置。
TOP_RIGHT	上辺の右側に配置。

Back

Gallery

Back