:: Kunagorn Sirikup :: C# Developer

15/5/56

Introduction Google Anaytics Part 1

Google Analytics คือ Javascript ขนาดเล็กที่มีหน้าที่สำหรับ Track ข้อมูลสถิติต่างๆของเวบแยกตาม Analytics Account ID ซึ่งสามารถทำงานได้โดย อ้างอิง script ชื่อ ga.js ลงบนเว็บเพจ โดยกำหนดไว้ใน tag <head></head>

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); 
    ga.type = 'text/javascript'; 
    ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

จาก Code ข้างบนเป็นการ Config Google Anaytics อย่างง่ายๆ เริ่มต้นโดยอ้างอิงถึง ga.js  และกำหนด _setAccount ด้วย Analytics Account ID แล้วเรียกคำสั่ง _trackPageview เพื่อส่ง  Tracking Data กลับไปยัง Google Analytics Servers

สังเกตว่าจาก Code ข้างบนมี Object ชื่อ _gaq เป็น Asynchronous Syntax โดยจะทำงานเป็น Queue หรือที่เรียกว่า  first-in,first-out พูดง่ายๆก็คือ ใช้ Data Structure แบบ Stack ซึ่งจะเก็บรวมทุก API call เรียกว่าการ push ด้วยคำสั่ง _gaq.push  โดยจะ push API call เข้ามาใน Queue จนกระทั่ง ga.js ทำการ Execute

API call ที่ถูก push เข้ามาใน Queue จะต้องมีการแปลงกลับเป็น JavaScript แบบเก่าในรูปแบบ ของ Command Array ดังนั้นจึงมีการกำหนด Format ของ Asynchronous Syntax โดยบังคับให้ element แรกเป็นชื่อ Tracker ของ Object และต้องกำหนด Type เป็น string ส่วน element ที่เหลือคือ arguments ที่ต้องการส่งค่าไปยัง Tracker Object สามารถกำหนด Type ตามค่าของ Javascript

ไม่มีความคิดเห็น:

แสดงความคิดเห็น