อ่านตอนแรกที่นี่ > Best Practice - Google Analytics Installation Guide for Beginner

Step 5 - ทำความเข้าใจรหัสติดตาม (Understand Tracking Code)

หลายคนอาจจะใจร้อนอยากรีบติดตั้งรหัสติดตาม แต่ก่อนอื่นผมอยากอธิบายหลักการเก็บสถิติของ Google Analytics กันซะก่อน

รหัสติดตามของ Google Analytics จริงๆ แล้วเป็นโค้ดที่เรียกว่า JavaScript มีลักษณะเบื้องต้นตามภาพด้านล่าง…

tracking-code

การแทรกรหัสติดตามจริงๆ แล้วก็คือการแทรกโค้ดดังกล่าวลงในเว็บไซต์ทุกๆ เพจ HTML ของคุณนั่นเอง (ง่ายได้อีก)

เว็บไซต์ทุกเว็บไซต์ในโลกนี้ถูกพัฒนาบนพื้นฐานของ HTML (Hyper Text Markup Language) โดยโครงสร้างของเพจ HTML พื้นฐานนั้นประกอบไปด้วยส่วนประกอบหลักๆ สองส่วน ก็คือ ส่วนหัว <head> และส่วนเนื้อหา <body>

ตำแหน่งที่จะแทรกรหัสติดตามนั้นมีสองตำแหน่งให้เลือก คือ หลังเปิด <body> (ดู 1) หรือก่อนปิด </body> (ดู 2)

 html-structure

request-response

เมื่อเราเปิดโปรแกรมบราวเซอร์เพื่อเรียกดูเว็บไซต์ (เช่น http://www.yourweb.com/)

  • 1. บราวเซอร์จะร้องขอข้อมูล (request) ไปยังเว็บเซิร์ฟเวอร์ปลายทาง (ในที่นี้ก็คือเว็บเซิร์ฟเวอร์ของ yourweb)
  • 2. ทางเว็บเซิร์ฟเวอร์หลังจากได้รับการร้องขอข้อมูล ก็จะทำการตอบสนอง (response) โดยการส่งข้อมูลข้ามโลกกลับมาที่บราวเซอร์ ข้อมูลที่ส่งกลับมานี่เองที่มีโครงสร้างเป็นภาษา HTML บราวเซอร์จะทำการอ่านข้อมูลจาก response ตั้งแต่ต้นจนจบ และจะทำการแสดงผล (render) จากบนลงล่าง
  • 3. หากมีการแทรกรหัสติดตามของ Google Analytics ลงไปใน HTML เว็บไซต์ทำการบันทึกสถิติไปยังระบบของ Google เมื่อบราวเซอร์ทำการ render ถึงตำแหน่งในการแทรกรหัสติดตาม

การแทรกรหัสติดตามที่ตำแหน่งหลัง <body> นั้น เพจจะบันทึกสถิติไปยัง Google ก่อนที่เพจ HTML จะทำการ render เว็บไซต์จะมีการดีเลย์ก่อนการแสดงผลนิดนึง (ดีเลย์เนื่องจากอัพเดทสถิติไปยัง Google ก่อน) หากเซิร์ฟเวอร์ Google บังเอิญล่ม หรืออินเทอร์เนตของคุณไม่สามารถติดต่อไปยังเซิร์ฟเวอร์ของ Google ได้ เว็บไซต์ของคุณจะมีปัญหาในการแสดงผลในช่วงเวลาหนึ่งทันที

ดังนั้นผมไม่แนะนำให้ทำการแทรกรหัสติดตามที่ตำแหน่งหลัง <body> ครับ..!!

การแทรกรหัสติดตามที่ตำแหน่งก่อน </body> นั้น เพจจะบันทึกสถิติไปยัง Google หลังจากที่เพจ HTML ทำการ render เสร็จแล้ว ทำให้เราไม่มีปัญหาในการแสดงผล ไม่ว่าเซิร์ฟเวอร์ Google จะมีปัญหาหรือไม่ก็ตาม… สรุปก็คือผมแนะนำว่า…

การแทรกรหัสติดตามควรทำการแทรก ณ ตำแหน่งสุดท้าย คือก่อน </body>

ทีนี้มารู้จักโครงสร้างของ UID ของรหัสติดตามกันบ้าง ตัว UID นั้นมีลักษณะแบบด้านล่างนี้ครับ

UA-123456-1

เลข 123456 เป็นหมายเลขบัญชีของ GA Account ของคุณ ส่วน 1 ด้านหลังเป็นหมายเลขของ profile

ในกรณีที่คุณมี profile 2 profile ที่ชี้ไปที่โดเมนเดียวกัน (Add a Profile for an existing domain) UID จะเป็น UID เดียวกันก็คือ UA-123456-1

แต่ในกรณีที่คุณมี profile 2 profile ที่ต่างโดเมนกัน (Add a Profile for a new domain) UID จะต่างกันที่เลขตัวหลัง ก็คือ UA-123456-1 และ UA-123456-2

หลังจากเข้าใจรหัสติดตามแล้ว ขั้นตอนต่อไปจะเป็นการสร้าง profile ทดสอบ (Test Profile) เพื่อทดลองติดตั้ง Google Analytics ลงเว็บไซต์กันจริงๆ เสียที

Popularity: 56%

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Leave a Reply