Maps Ad Unit:Overlay adsense on Googlemap

________ผมเขียนเรื่องเกี่ยวกับการนำ Mapping และ GIS ไปใช้ในงานธุรกิจมาแล้วหนึ่งหัวข้อผลตอบรับค่อนข้างดีจริงๆ มันทำให้ผมเชื่อว่าช่องทางในการนำเทคโนโลยีด้านนี้ไปใช้น่าจะกว้างขึ้นมากไม่จำกัดเฉพาะงานทางวิทยาศาสตร์ อย่างเดียว วันนี้ผมยังคงมีอีกหนึ่งตัวอย่างเรื่องการนำ GIS ไปใช้กับการทำการตลาด การโฆษณา

________ Goole Map API ได้มีการผนวกรวม Adsense โมเดลธุกิจและการโฆษณาเข้าไว้ด้วยกัน ความน่าสนใจคือการเชื่อมความสัมพันธ์ของ content ที่ลงโฆษณากับตำแหน่งเชิงพื้นที่ เช่นเมื่อเรา zoom แผนที่เข้าไปบริเวณขอบเขต(BBOX) ในส่วนของ Adsense จะมีการเปลี่ยนหัวข้อโฆษณาซึ่งสัมพันธ์กับพื้นที่นั้น ที่สำคัญรองรับภาษาท้องถิ่นของประเทศต่างๆด้วย สำหรับผู้ใช้หรือผู้พัฒนา web application ผมมองว่านี้เป็นอีกรูปแบบที่จะเข้าไปทำธุรกิจ หารายได้ โดยปัจจุบันผู้พัฒนา web application มักจะมีบัญชีของ Adsense ของ Google เพื่อติดโฆษณาลงบนหน้า webpage

1

_________ในด้านเทคนิคก็ไม่ยากนะครับ เริ่มต้นจากการสมัคร Adsense แล้วเราสามารถกำหนดพารามิเตอร์ของ Adsense ผ่านทาง GAdsManager เช่น publisher ID และ AFC

12

เปิดบัญชีก่อนนะครับ

ข้อมูลสำคัญ publisher ID และ AFC

________ทำการเขียน code สำหรับ embed ตัว adsense ลงบน Google Map API ด้วยภาษา javascript ดังนี้

<script type=”text/javascript”>

function initialize() {

var map;

if (GBrowserIsCompatible()) {

map = new GMap2(document.getElementById(“map_canvas”));

// กำหนดพิกัด center ของแผนที่

map.setCenter(new GLatLng(12,100.245), 13);

}

// กำหนด  publisher ID

var publisherID = ‘ca-pub-21549637651111113’;

var adsManagerOptions = {

maxAdsOnMap : 2,

style: ‘adunit’,

// กำหนด  channel สำหรับ  Google AdSense tracking

channel: ‘686494126’

};

adsManager = new GAdsManager(map, publisherID, adsManagerOptions);

adsManager.enable();

}

</script>

<script type=”text/javascript”>
function initialize() {
var map;
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById(“map_canvas”));
// กำหนดพิกัด center ของแผนที่
map.setCenter(new GLatLng(12,100.245), 13);
}
// กำหนด  publisher ID
var publisherID = ‘ca-pub-2154963765295393’;
var adsManagerOptions = {
maxAdsOnMap : 2,
style: ‘adunit’,
// กำหนด  channel สำหรับ  Google AdSense tracking
channel: ‘6864950726’
};
adsManager = new GAdsManager(map, publisherID, adsManagerOptions);
adsManager.enable();
}
</script>

_______เท่านี้ก็สามารถนำเอาโฆษณาจาก Adsense เข้ามาไว้บนแผนที่ Google Map ได้แล้วครับ

2ผลลัพธ์ที่ได้ครับ สามารถเลือกโฆษณาภาษาไทยได้ครับ แต่ผมไม่เลือกด้วยเหตุผลทางเทคนิคบางประการ

_______ยังไม่หมดเพียงเท่านี้ครับ นอกจาก Adsense แล้ว Google Map API ใหม่ยังรองรับ Google Bar อีกด้วยสำหรับท่านที่เคยนำ Search Toolbar ของ Google ไปติดบน webpage น่าจะคุ้นเคยดี แต่เวอร์ชั่นนี้เป็นลักษณะของการนำเอา infomation เชิงตำแหน่งมาพ่วงกับผลการค้นหา เช่นถ้าเราพิมพ์คำว่า “หอพัก” ผลการค้นหาก็จะได้รายชื่อหอพัก และตำแหน่งบนแผนที่ Google Map ขั้นตอนการเขียน code เพื่อเพิ่ม Google Bar ก็สั้นๆดังนี้ครับ

var opts = { googleBarOptions : {

style : ‘new’, adsOptions : {

client : xxxx  // AFS client id

}}}

map = new GMap2(document.getElementById(“map”), opts);

map.setCenter(new GLatLng(12,100), 13);

map.enableGoogleBar(); // เพิ่ม Google Toolbar

48

อ้างอิงจาก

http://code.google.com/apis/maps/documentation/reference.html#GAdsManager

Advertisements

2 thoughts on “Maps Ad Unit:Overlay adsense on Googlemap

Add yours

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

สร้างเว็บไซต์หรือบล็อกฟรีที่ WordPress.com.

Up ↑

%d bloggers like this: