Unstructured Thoughts by Tanomsak

เมื่อเดือนก่อนมีการปรับเวป www.ddproperty.com นิดหน่อยครับ เนื่องจากเวปช้ามาก สิ่งที่ทำไปมีดังนี้ครับ

1. เพิ่ม RAM เครื่อง Server

2. ทำ action cache กับหน้ารายละเอียดประกาศทั้งหมด

3. ใช้ mod_deflate ของ apache

ผลที่ได้ เวปเร็วขึ้นทันตาเห็นเลยครับ พอแรมเยอะขึ้นใช้ swap ลดลง ระบบโดยรวมลื่นขึ้นมาก ส่วน action cache ทำให้ response time ของแต่ละหน้าลดลงเยอะเลยครับ ดูกราฟข้างบนได้เลยครับ ขนาดหน้าลดลง เวลาในการโหลดเวปลดลง คุ้มค่าสุดๆเลยครับ

ถึงว่าใครๆก็บอกให้ cache cache cache

วันก่อนไปงาน Google AdSense Conference “Maximize Revenue Potential” งานจัดที่โรงแรมแกรนด์ มิลเลนเนียม สุขุมวิท ผมไปช่วงเช้าเป็นส่วนของ Google Adsense มีคนไม่เยอะเท่าไหร่ แต่ที่ไปกันส่วนใหญ่เป็นเวปใหญ่ๆ อย่าง manager.co.th หรือว่าหนังสือพิมพ์มติชน (มีเวปเล็กๆอย่าง ddproperty.com เป็นผู้สังเกตุการณ์ )

ทาง Google ต้อนรับได้ดีมาก อัธยาสัยดีกันทุกคน งานก็เป็นการแนะนำตัว Google Adsense ทั่วๆไป โดยคุณนก และคุณอ้อ จาก Google ส่วนที่ผมว่าได้ประโยชน์มากๆก็คือช่วงแชร์ประสบการณ์จากทางเครือ Nation และ Monogroup (mthai.com) กับทางผู้สงโฆษณาคือทาง Amari Hotel Group

ได้ข้อมูลน่าสนใจมาว่ารายได้จาก Google Adsense คิดเป็นประมาณ 5-8% ของรายได้โฆษณาของ mthai.com เลยทีเดียว ถึงจะไม่ใช่รายได้หลักแต่ก็เป็นสัดส่วนที่จะมองข้ามไม่ได้เลยเพราะว่าไม่ต้องดูแลมากนัก ไม่ต้องออกไปขาย เหมือนกับโฆษณาแบบ Banner

ขอขอบคุณทางทีม Google ประเทศไทย ที่เชิญให้ไปรับแบ่งปันความรู้นะครับ

ว่าแล้วก็เลยกลับมาลองแปะ Google Adsense ในเวป ddproperty.com บ้าง โดยคิดไว้ข้างล่างหมวดอสังหาฯ ใกล้เคียง กับอสังหาฯคล้ายกัน โดยทั้งสองส่วนนี้เป็ส่วนทีคน click เยอะมากในการดูประกาศที่สนใจ

พอติดแล้วก็มานั้งดูโฆษณาที่ Google เอามาลงให้ จะว่าไม่เกี่ยวข้องเลยก็ไม่ใช่ แต่ว่าจะน่าสนใจก็คงไม่ถูกอีก

นั้งหาบทความเกี่ยวกับ Adsense อ่านๆไปเรื่อยๆ มีทั้งเทคนิคทำให้โฆษณาดูกลมกลืนกับหน้าเวป ทั้งเทคนิดการแปะโฆษณาในตำแหน่งต่างๆ บางคนถึงขั้นแนะนำว่าให้แปะไว้ใกล้ๆหรือว่าปนกับเนื้อหาเวปจะให้คน “Click” โฆษณาเยอะขึ้น ก็เริ่มไม่มั่นใจว่า Adsense for Content นี้คนที่ Click เค้า Click เพราะสนใจโฆษณาหรือว่า Click เพราะเผลอกันแน่ จากที่ทดลองมาเกือบอาทิตย์สรุปว่า Adsense สามารถช่วย “Increase Revenue” ได้จริงๆ แต่ว่าจะ “Maximize Revenue Potential” หรือเปล่านี้ คงต้องดูกันไปก่อนครับ

ที่ขอชื่นชมคือ Google ทำ Tools สำหรับ Adsense แล้วก็ Google Analytics ได้ดีมากๆสมกับที่เป็นเบอร์หนึ่งจริงๆครับ

ตั้งแต่เริ่มทำเวป www.ddproperty.com ผมก็จะคอยหาเวลานั้งดูเวปต่างๆที่เกี่ยวข้องกับพวกอสังหาริมทรัพย์ในไทย เพื่อดูว่าคนอื่นๆเค้าทำอะไรกันบ้าง หรือว่าอะไรที่เราจะเอามาประยุกใช้กับเวปได้

วันนี้ผ่านไปที่เวปนึงเข้า ทำให้นึกถึงเรื่องนึงขึ้นมาได้ หน้า homepage เป็นแบบนี้ครับ

ผมไม่ได้เป็นประเภท anti banner หรือว่าโฆษณานะครับ ส่วนใหญ่คนทำเวปก็ต้องหารายได้จากโฆษณา (ถ้าไม่นับรวมพวก web application ที่บ้านเรายังมีน้อย) ผมทำเวปก็อยากมีผู้สนับสนุนเยอะเหมือนกัน

แต่ปัญหาคือเจ้า Floating Banner นี้สิครับ ไม่ทราบกลับมาได้รับความนิยมได้ยังไง ทำให้นึกถึง popup adverstisement สมัยก่อนเลย ยังจำได้ไหมครับ

ต่างตรงที่ Floating Banner มันพยายามเรียกร้องความสนใจมากๆ scroll ตามลงไปจนสุดหน้า แถมกลายเป็น standard ใหม่ไปแล้วว่าต้องทำ “CLOSE (x)” แบบหลบๆเอาไว้ให้หายากๆ

ทุกคนมีความคิดเห็นยังไงกับ Floating Banner ครับ คิดว่ามันช่วยส่งเสริมภาพลักษณ์ของผู้โฆษณาหรือทำให้แย่ลงกันแน่

หายหน้าหายตาไม่ได้อัพเดท blog ซะนานเนื่องจากช่วงที่ผ่านมา 2-3 เดือนยุ่งมากๆกับเรื่องานแล้วก็เรื่องเตรียมตัวแต่งงานครับ ตอนนี้งานแต่งงานผ่านไปเรียบร้อยครับผม

กลับมาคราวนี้ตั้งใจว่าจะเขียนเรื่องอื่นๆนอกจากเรื่องเขียนโปรแกรมมั้ง แบบว่าเจออะไรก็เขียนเล่าให้ฟัง มีอะไรแนะนำก็พูดคุยกันนะครับ ขอตัวไปจัดการ blog ที่ดองเอาไว้ก่อนนะครับ

ในเวป ddproperty.com ที่ผมกับเพื่อนดูแลอยู่เนี้ย เราให้คนที่ลงประกาศทุกคนต้องระบุตำแหน่งด้วยว่า อสังหาฯที่กำลังลงประกาศตำแหน่งอยู่ตรงไหน ผมก็ใ้ช้ google maps นี้แหละครับในการระบุตำแหน่ง

คราวนี้เราจะมาดูกันว่า จะใช้ Google Maps เพิ่มตำแหน่งหมุดใน Database ยังไง [Read more →]

ความเดิมจากตอนที่แล้ว เราพูดถึงวิธีิการแสดงหมุดจาก database บนแผนที่ Google Maps ไปแล้ว แต่ติดตรงที่ว่าเวลามีหมุดเยอะๆจะแสดงหน้าเวปช้า และเปลือง memory คราวนี้ผมจะพูดถึงการใช้วิธีการแสดงหมุดจาก database เฉพาะส่วนที่มองเห็นในหน้าต่างแผนที่โดยการใช้ AJAX ครับ

ส่วน table database และ ข้อมูลใน database ก็ใช้ของคราวที่แล้วครับ (ดูได้ที่ Tutorial แบบบ้านๆ ตอนที่ 2 – แสดงหมุดจาก database ใน Google Maps)

สิ่งที่ต้องเตรียมก่อนเริ่ม

1. ผมใช้ Prototype Javascript Framework สำหรับทำ AJAX เพราะมันติดมากับ Rails เลยชินครับ ถ้าใครถนัดตัวอื่นก็ตามสะดวก
2. แนะนำ Firefox + Firebug สำหรับการ Debug ครับ สุดยอดมากๆ

หลักกาำรทำงาน

1. ทุกครั้งที่มีกา่รเลื่อนแผนที่ หรือซูมเข้า/ซูมออก script จะขอข้อมูลจาก server และนำไปแสดงจุดพิกัดใหม่ในแผนที่
2. ใช้พิกัดของแผนที่ ที่กำลังแสดงผล (x1,y1,x2,y2 ตรงมุมกรอบของแผนที่) เป็นตัวแปลในการเลือกข้อมูลพิกัดจาก database [Read more →]

จากคราวก่อนที่เราทดลองใช้ Google Maps API แสดงแผนที่ในหน้าเวปของเราไปแล้ว (อ่าน Tutorial แบบบ้านๆ ตอนที่ 1) คราวนี้มาต่อตอนที่ 2: เพิ่มและแสดงหมุดใน Google Maps กันครับ

ประโยชน์ของการใช้ Google Maps API แสดงแผนที่ก็คือเราสามารถแสดงหมุด จากข้อมูลใน database ของเราเองได้ คราวนี้เราจะทดลองสร้าง interface ให้ปักหมุด จัดค่าพิกัดใน database และนำข้อมูลจาก database กลับมาแสดงครับ

สิ่งที่ต้องเตรียมก่อนเริ่ม

1. Database server สำหรับเก็บข้อมูลพิกัด (ผมใช้ MySQL v5.0)
2. Web Server สำหรับประมวลผลและติดต่อ database จะใช้อะไรก็ตามสะดวกครับ (ผมเขียน server side ด้วย Rails ครับ ขอใช้ตัวอย่างเป็น Rails นะครับ)

ขั้นตอนที่ 1 มารู้จักวิธีการแสดงหมุดบนแผนที่ด้วย Google Maps API กันก่อน

หมุดที่แสดงบนแผนที่ Google Maps จะเรียกว่า Marker ครับ โดยการจะแสดงหมุดบนแผนที่นั้น ก็ต้องสร้าง Marker ขึ้นมาก่อน แล้วก็ทำการเพิ่ม Marker ที่สร้างมาลงบนแผนที่ ลองดูจาก script นะครับ

[Read more →]

ตอนผมทำเวป ddproperty.com อยากจะเอา Google Maps มาใช้ระบุตำแหน่ง ก็เลยหาข้อมูลจากหลายๆที่ ทั้งดูตัวอย่างจากเวป แล้วก็หาอ่านจาก เอกสารของ google และ Google Maps Tutorial รวมถึงเอกสาร การใช้ Google Maps API ที่ รองศาสตราจารย์สวัสดิ์ชัย เกรียงไกรเพชร รวบรวมไว้ซึ่งละเอียดมากๆ ถ้าใครต้องการเนื้อหาแบบละเอียดๆ ก็ลองอ่านดูได้จาก link ข้างต้นไม่ผิดหวังครับ

แต่ที่ผมจะเขียนนี้ขอเป็น Google Maps Tutorial แบบบ้านๆ รวบรวมเฉพาะส่วนที่ผมใช้เป็นหลักในเวป ddproperty.com โดยจะแบ่งเป็นตอนๆแบบนี้ครับ

1. Basic Google Maps API
2. แสดงหมุดจาก database ใน Google Maps
3. แสดงหมุดจาก database ใน Google Maps ด้วย AJAX
4. เพิ่มหมุดใน database
5. ใช้รูปภาพแทนหมุด (Custom Marker Icon)
6. การทำ Custom marker icon สำหรับ Google Static Maps
7. ใช้รูปภาพแทนปุม control (Custom Control)
8. สร้าง info windows แบบลอยนอกแผนที่
9. แล้วแต่จะคิดออกต่อๆำไปครับ

[Read more →]