คู่มือนี้อธิบายวิธีใช้ไลบรารี analytics.js เวอร์ชันที่แก้ไขข้อบกพร่อง เพื่อให้แน่ใจว่าการติดตั้งใช้งานทํางานได้อย่างถูกต้อง
เวอร์ชันที่แก้ไขข้อบกพร่องของไลบรารี analytics.js
Google Analytics มีไลบรารี analytics.js เวอร์ชันที่แก้ไขข้อบกพร่องซึ่งบันทึกข้อความโดยละเอียดไปยังคอนโซล JavaScript ขณะที่ทำงานอยู่ ข้อความเหล่านี้จะมีคำสั่งที่ดำเนินการสำเร็จ รวมถึงคำเตือนและข้อความแสดงข้อผิดพลาดที่สามารถแจ้งให้คุณทราบเมื่อตั้งค่าแท็กไม่ถูกต้อง นอกจากนี้ยังแสดงรายละเอียดของแต่ละ Hit ที่ส่งไปยัง Google Analytics เพื่อให้คุณเห็นได้ชัดเจนว่ามีการบันทึกข้อมูลใดบ้าง
คุณเปิดใช้เวอร์ชันแก้ไขข้อบกพร่องของ analytics.js ได้โดยเปลี่ยน URL ในแท็ก JavaScript จาก https://www.google-analytics.com/analytics.js เป็น https://www.google-analytics.com/analytics_debug.js
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics_debug.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
การทดสอบการใช้งานโดยไม่ส่ง Hit
analytics.js เวอร์ชันที่แก้ไขข้อบกพร่องจะส่งข้อมูลไปยัง Google Analytics เหมือนกับเวอร์ชันที่ไม่ใช่การแก้ไขข้อบกพร่องทุกประการ ซึ่งจะช่วยให้คุณเข้าชมเว็บไซต์ที่ใช้โค้ด analytics.js และตรวจสอบการติดตั้งใช้งานได้โดยไม่ต้องรบกวนวิธีการบันทึกข้อมูล
หากไม่ต้องการส่งข้อมูลไปยัง Google Analytics ในบางกรณี (เช่น สภาพแวดล้อมการพัฒนาหรือการทดสอบ) คุณสามารถปิดใช้งาน sendHitTask และจะไม่มีการส่งข้อมูล
เมื่อทำงานบน localhost โค้ดต่อไปนี้จะป้องกันไม่ให้มีการส่ง Hit ไปยัง Google Analytics
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics_debug.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
if (location.hostname == 'localhost') {
ga('set', 'sendHitTask', null);
}
ga('send', 'pageview');
การแก้ไขข้อบกพร่องของการติดตาม
การเปิดใช้การแก้ไขข้อบกพร่องการติดตามจะแสดงข้อมูลรายละเอียดเพิ่มเติมไปยังคอนโซล
หากต้องการเปิดใช้การแก้ไขข้อบกพร่องการติดตาม ให้โหลด analytics.js เวอร์ชันที่แก้ไขข้อบกพร่องตามที่อธิบายไว้ข้างต้น และเพิ่มบรรทัด JavaScript ต่อไปนี้ก่อนเรียกใช้คิวคำสั่ง ga()
window.ga_debug = {trace: true};
แท็กแบบเต็มที่เปิดใช้การแก้ไขข้อบกพร่องการติดตามมีดังนี้
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics_debug.js','ga');
window.ga_debug = {trace: true};
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
ส่วนขยายโปรแกรมแก้ไขข้อบกพร่อง Google Analytics ใน Chrome
นอกจากนี้ Google Analytics ยังมีส่วนขยาย Chrome ที่สามารถเปิดใช้เวอร์ชันที่แก้ไขข้อบกพร่องของ analytics.js โดยที่คุณไม่ต้องเปลี่ยนแท็ก ซึ่งจะช่วยให้คุณสามารถแก้ไขข้อบกพร่องของเว็บไซต์ของคุณเอง และดูวิธีที่เว็บไซต์อื่นติดตั้ง Google Analytics ด้วย analytics.js
ผู้ช่วยแท็กของ Google
ผู้ช่วยแท็กของ Google คือส่วนขยาย Chrome ที่ช่วยคุณตรวจสอบแท็กในเว็บไซต์และแก้ไขปัญหาทั่วไป เครื่องมือนี้เป็นเครื่องมือที่เหมาะอย่างยิ่งสำหรับการแก้ไขข้อบกพร่องและทดสอบการติดตั้ง analytics.js ภายในเครื่อง และตรวจสอบว่าทุกอย่างถูกต้องก่อนทำให้โค้ดของคุณใช้งานได้จริง
ผู้ช่วยแท็กจะทำงานโดยให้คุณบันทึกโฟลว์ผู้ใช้ตามปกติ โดยจะรวบรวม Hit ทั้งหมดที่คุณส่ง ตรวจสอบปัญหาต่างๆ และส่งรายงานการโต้ตอบฉบับเต็ม หากตรวจพบปัญหาหรือการปรับปรุงที่อาจเกิดขึ้น ระบบจะแจ้งให้คุณทราบ
หากต้องการดูข้อมูลเพิ่มเติม โปรดไปที่ศูนย์ช่วยเหลือและอ่านเกี่ยวกับผู้ช่วยแท็กและเกี่ยวกับบันทึกผู้ช่วยแท็ก นอกจากนี้ คุณยังสามารถดูวิดีโอสาธิตนี้ซึ่งแสดงการใช้ผู้ช่วยแท็กเพื่อตรวจหาข้อผิดพลาดและตรวจสอบความถูกต้องของการติดตั้งใช้งานขั้นสูง เช่น การวัดผลแบบข้ามโดเมน