全国地名読み方目次 県庁所在地 ・ここは何県? 形で当てよう都道府県  ジグソーパズル・日本地図を作ろう
地図上で距離を測る 地図上で直線距離を測る 緯度経度を調べる[10進数]  緯度経度を調べる[60進数]  地図で見る世界の国 世界の首都
環状鉄道[日本] 環状鉄道[国外] クイズ/ここはどこ? 面積を測る 地図クリックで住所  地図クリックで標高
ルート検索[徒歩] ルート検索[車] 世界の言語で距離計測 自治体などの境界表示 天体写真 距離指定半径内情報 原発列島

Googleマップに広告を表示させる
= Map Ad Unit に関するコード =

下の地図[1]のような Googleマップを作っていた場合、これに、地図[2]のように Google AdSense の広告を表示させるには、Map Ad Unit に関するコードを書き足します。
表示させた地点(国・地域など)の情報に近いような広告が表示されます。
大きさ(フォーマット)や位置、色合いなどのサンプルがこちらにあります。
    ▶ Map Ad Unit のサンプルへ
 地図 [1] = 基本の Google マップ =
 地図 [2] = 地図上に Google AdSense を表示させた Google マップ =
 ・地図を移動させ、地図上の広告の内容を確かめてみてください。
 キーワードヒント   ニューヨーク モスクワ 北京 上海 ソウル 平壌 ロンドン プラハ ホノルル キンシャサ
 パリ ベルリン モナコ ハノイ バンコク リヤド アブダビ ブラジリア 京都 福岡 札幌 新宿
住所・キーワードなど   
▶ 大きさ(フォーマット)や位置、色合いなどの「Map Ad Unit」のサンプルへ 

《地図[1]の JavaScript 部分のコード》

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=adsense"></script>
<script>
var map;
function initialize() {
 var mapOptions = {
  zoom: 14,
  center: new google.maps.LatLng(35.681382,139.766084)
 };
 map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

《Google AdSense を表示させた地図[2]のソース》

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Googleマップ GAdsManager</title>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=adsense"></script>
<script>
var map;
function initialize() {
  var mapOptions = {
  zoom: 14,
  center: new google.maps.LatLng(35.681382,139.766084)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
	mapOptions);
      var adUnitDiv = document.createElement('div');
      var adUnitOptions = {
      	format: google.maps.adsense.AdFormat.HALF_BANNER,//AdSenseの種類。18種類。
      	position: google.maps.ControlPosition.TOP_CENTER,//表示させる位置。12箇所。
		/* Maps API default */ // 色を設定。以下5行を書かなければデフォルト。
      	backgroundColor: '#c4d4f3', // 色を設定。
      	borderColor: '#e5ecf9', // 色を設定。
      	titleColor: '#0000cc', // 色を設定。
      	textColor: '#000000', // 色を設定。
      	urlColor: '#009900', // 色を設定。
      	publisherId: 'pub-xxxxxxxxxxxx', //ご自身の GoogleAdSense の IDを記入。
      map: map,
      visible: true
     };
      var adUnit = new google.maps.adsense.AdUnit(adUnitDiv, adUnitOptions);
    }
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas" style="width: 600px; height: 400px"></div>
</body>
</html>
▶ 大きさ(フォーマット)や位置、色合いなどの「Map Ad Unit」のサンプルへ 
こちらもオススメです…
ちょっと便利帳目次へ
お気付きの点,情報などがごさいましたら,こちらからお知らせください
ご質問にはお答え致しかねます。ご了承ください。
掲載しているデータの,法律上の “引用” の範囲を超えての無断転載・無断転用を禁じます - 見解と取り組み。
カスタム検索