地図関連ページ目次
＊他にもあります。詳しくはトップページや各項目インデックスで…
Googleマップに広告を表示させる
= Map Ad Unit に関するコード =
〔お断り〕
この「Map Ad Unit」は、2015年11月に廃止になりました。
代替の仕組みについて検討しています。
・ 下の地図[1]のような Googleマップを作っていた場合、これに、地図[2]のように Google AdSense の広告を表示させるには、Map Ad Unit に関するコードを書き足します。
・ 表示させた地点（国・地域など）の情報に近いような広告が表示されます。
・ 大きさ(フォーマット)や位置、色合いなどのサンプルがこちらにあります。
▶ Map Ad Unit のサンプルへ
地図 [1] ＝ 基本の Google マップ ＝
《地図[1]の JavaScript 部分のコード》
04function initialize() {
07 center: new google.maps.LatLng(35.681382,139.766084)
09 map = new google.maps.Map(document.getElementById('map-canvas'),
12google.maps.event.addDomListener(window, 'load', initialize);
《Google AdSense を表示させた地図[2]のソース》
05<meta name="viewport" content="width=device-width, initial-scale=1">
06<title>Googleマップ GAdsManager</title>
10function initialize() {
13 center: new google.maps.LatLng(35.681382,139.766084)
15 map = new google.maps.Map(document.getElementById('map-canvas'),
17 var adUnitDiv = document.createElement('div');
19 format: google.maps.adsense.AdFormat.HALF_BANNER,//AdSenseの種類。18種類。
20 position: google.maps.ControlPosition.TOP_CENTER,//表示させる位置。12箇所。
21 /* Maps API default */ // 色を設定。以下5行を書かなければデフォルト。
22 backgroundColor: '#c4d4f3', // 色を設定。
23 borderColor: '#e5ecf9', // 色を設定。
24 titleColor: '#0000cc', // 色を設定。
25 textColor: '#000000', // 色を設定。
26 urlColor: '#009900', // 色を設定。
27 publisherId: 'pub-xxxxxxxxxxxx', //ご自身の GoogleAdSense の IDを記入。
31 var adUnit = new google.maps.adsense.AdUnit(adUnitDiv, adUnitOptions);
33google.maps.event.addDomListener(window, 'load', initialize);
37<div id="map-canvas" style="width: 600px; height: 400px"></div>
地図関連ページ目次
＊他にもあります。詳しくはトップページや各項目インデックスで…
Last updated : 2024/06/28
