Google Tracking Snippets: ฉันควรใช้อันไหน?
เผยแพร่แล้ว: 2019-08-02อัพเดทล่าสุดเมื่อ 23 สิงหาคม 2019
Google มีข้อมูลโค้ดติดตามที่หลากหลายเพื่อวิเคราะห์การโต้ตอบของผู้เยี่ยมชมในทุกหน้าของเว็บไซต์ของเรา ตัวอย่างเหล่านี้รวมถึง ga.js, analytics.js, GTM และ gtag.js ตัวอย่างข้อมูลเหล่านี้บางส่วนทำงานได้ดีกว่าส่วนอื่นๆ ตามสิ่งที่เราต้องการติดตามบนหน้าเว็บไซต์ของเรา และทำให้การจัดการการแทรกโค้ดติดตามง่ายขึ้น ในบล็อกนี้ ฉันจะพยายามอธิบายให้ชัดเจนว่าข้อมูลโค้ด Google เหล่านี้มีจุดประสงค์อะไรและควรใช้เมื่อใด
Snippet เป็นศัพท์การเขียนโปรแกรมสำหรับพื้นที่เล็กๆ ของซอร์สโค้ด โค้ดเครื่อง หรือข้อความที่นำกลับมาใช้ใหม่ได้
ข้อมูลโค้ดเหล่านี้แต่ละส่วนคือโค้ด JavaScript ชิ้นเล็กๆ ที่เราวางลงในหน้าของเว็บไซต์ของเรา ในการใช้ข้อมูลโค้ดเหล่านี้ เราต้องคัดลอกข้อมูลโค้ดที่เกี่ยวข้อง วางลงในทุกหน้าของเว็บไซต์ของเรา และแทนที่ GA_MEASUREMENT_ID ที่แสดงเป็นสตริง UA-XXXXX-X หรือ GTM-XXXXXXX ในโค้ดของตัวอย่าง โดยใช้เว็บที่กำหนด รหัสทรัพย์สินสำหรับเว็บไซต์ของเรา
เราควรวางข้อมูลโค้ดเหล่านี้ลงในหน้าเทมเพลตเว็บไซต์ของเราหรือในทุกหน้าของเว็บไซต์ของเราเพื่อให้ปรากฏใกล้กับด้านบนของแท็ก <head> และก่อนสคริปต์หรือแท็ก CSS อื่นๆ ในกรณีส่วนใหญ่ สิ่งสำคัญคือต้องรู้ว่าหากเรากำลังอัปเดตเว็บไซต์ของเราจากตัวอย่างเก่าไปเป็นเวอร์ชันล่าสุดแบบอะซิงโครนัส เราควรลบข้อมูลโค้ดติดตามที่มีอยู่หลังจากแทรกข้อมูลโค้ดใหม่ล่าสุด ไม่แนะนำให้ใช้ข้อมูลโค้ดทั้งสองร่วมกันในหน้าเดียวกัน เนื่องจากเราสามารถทำซ้ำข้อมูลของเราได้
เมื่อเราเพิ่มข้อมูลโค้ดติดตามเหล่านี้ลงในเว็บไซต์ของเรา เช่น เราสามารถส่งการดูหน้าเว็บไปยังเครื่องมือติดตามของเราสำหรับแต่ละหน้าที่ผู้เยี่ยมชมเห็นบนเว็บไซต์ของเรา ข้อมูลโค้ดประมวลผลข้อมูลและสามารถอนุมานข้อมูลได้มากมาย ซึ่งรวมถึง:
- เวลาทั้งหมดที่ผู้เข้าชมใช้บนเว็บไซต์ของเรา
- เวลาที่ผู้เยี่ยมชมใช้ในแต่ละหน้าและลำดับการเข้าเยี่ยมชมหน้าเหล่านั้น
- ผู้เข้าชมคลิกลิงก์ภายในใด (ตาม URL ของการดูหน้าเว็บถัดไป)
นอกจากนี้ ที่อยู่ IP สตริงตัวแทนผู้ใช้ และการตรวจสอบหน้าเริ่มต้น ข้อมูลโค้ดสามารถติดตามได้เมื่อเราสร้างตัวติดตามที่กำหนดเองเพื่อกำหนดสิ่งต่างๆ ดังต่อไปนี้ :
- ที่ตั้งทางภูมิศาสตร์ของผู้เข้าชม
- ผู้เข้าชมใช้เบราว์เซอร์และระบบปฏิบัติการใด
- ขนาดหน้าจอและไม่ว่าจะติดตั้ง Flash หรือ Java บนเบราว์เซอร์ของผู้เยี่ยมชมหรือไม่
- ไซต์อ้างอิงของผู้เยี่ยมชม
ตัวอย่างข้อมูลวิเคราะห์เดิม (ga.js)
ga.js คือไลบรารีการวิเคราะห์แบบคลาสสิกหรือการติดตามแบบเดิมของ Google Analytics ใช่ ข้อมูลโค้ดนี้ใช้เพื่อส่งข้อมูลการติดตามไปยัง Google Analytics โดยเฉพาะ ga.js เป็นไลบรารี JavaScript สำหรับวัดว่าผู้ใช้โต้ตอบกับเว็บไซต์ของเราอย่างไร
ga.js เป็นไลบรารี่ที่ล้าสมัยแล้ว (ไม่ได้เลิกใช้แล้ว) แต่ยังติดตามอยู่ ความไม่สะดวกประการหนึ่งในการใช้ข้อมูลโค้ดนี้คือ เราจำเป็นต้องมีสิทธิ์เข้าถึงซอร์สโค้ดของหน้าเว็บเพื่อแทรกโค้ดคำสั่งติดตามและการกำหนดค่าฟังก์ชันบางอย่างที่จำเป็นในการติดตามหน้าเว็บแบบอะซิงโครนัสเพื่อส่งข้อมูลการติดตามกลับไปยังเซิร์ฟเวอร์ Google Analytics ออบเจ็กต์ _gaq คือสิ่งที่ทำให้ไวยากรณ์แบบอะซิงโครนัสเป็นไปได้
หากเราเริ่มต้นใช้งาน Google Analytics จะเป็นการดีกว่าถ้าใช้ข้อมูลโค้ดติดตามที่ทันสมัยล่าสุดที่มีอยู่ใน Google
Universal Analytics (analytics.js)
Universal Analytics เป็นมาตรฐานการปฏิบัติงานใหม่สำหรับ Google Analytics ในฐานะที่เป็นข้อมูลโค้ดดั้งเดิม ไลบรารี analytics.js เป็นไลบรารี JavaScript สำหรับวัดว่าผู้ใช้โต้ตอบกับเว็บไซต์ของเราอย่างไร ไลบรารี analytics.js เป็นไลบรารี JavaScript ล่าสุดสำหรับ Google Analytics ที่ออกแบบมาเพื่อใช้ประโยชน์จากคุณลักษณะใหม่ทั้งหมดของแพลตฟอร์ม Universal Analytics
ข้อมูลโค้ดติดตาม JavaScript นี้กำหนดฟังก์ชัน ga ทั่วโลกที่เรียกว่า "คิวคำสั่ง" เรียกว่าคิวคำสั่งเพราะแทนที่จะเรียกใช้คำสั่งที่ได้รับทันที จะเพิ่มลงในคิวที่ทำให้การดำเนินการล่าช้าจนกว่าไลบรารี analytics.js จะโหลดเต็ม
หากคุณกำลังเริ่มต้นใช้งาน Google Analytics และต้องการติดตามการโต้ตอบของผู้เข้าชมใน Google Analytics เท่านั้น นี่คือข้อมูลโค้ดที่คุณควรใช้ หากคุณกำลังจะติดตามการโต้ตอบของผู้เยี่ยมชมประเภทอื่นๆ บนหน้าเว็บของคุณ หรือเพื่อแทรกข้อมูลโค้ดอื่นๆ ในเว็บไซต์ของคุณ เช่น Facebook Pixel หรือ Google Ads คุณควรใช้ตัวอย่างข้อมูลอื่นเพื่ออธิบายต่อไป
Google เครื่องจัดการแท็ก (GTM)
Google Tag Manager คือระบบจัดการแท็กที่ช่วยให้คุณอัปเดตโค้ดติดตามหรือวัดผลได้อย่างรวดเร็วและง่ายดาย ส่วนย่อยของรหัสเหล่านี้เรียกรวมกันว่าแท็กที่แทรกบนเว็บไซต์หรือแอพมือถือของเรา
เราติดตั้ง GTM เพื่อกำหนดค่าและปรับใช้แท็ก รวมถึงแท็กจาก Google Ads, Google Analytics, Facebook และบุคคลที่สามอื่นๆ ข้อมูลโค้ด GTM ประกอบด้วยสองสคริปต์ หนึ่งที่ควรวางไว้ใกล้กับแท็กเปิด <head> มากที่สุด แต่อยู่ใต้การประกาศ "dataLayer" ใดๆ และสคริปต์ที่สองคือข้อมูลโค้ด <noscript> ที่ควรวางไว้หลังแท็กเปิด <body> ใน HTML ของเรา
เมื่อติดตั้ง GTM เว็บไซต์หรือแอปของคุณจะสามารถสื่อสารกับเซิร์ฟเวอร์ GTM และเครื่องมือติดตามอื่นๆ ผ่าน GTM ได้ จากนั้น คุณสามารถใช้อินเทอร์เฟซผู้ใช้บนเว็บของตัวจัดการแท็ก GTM เพื่อตั้งค่าแท็ก สร้างทริกเกอร์ที่ทำให้แท็กเริ่มทำงานเมื่อมีเหตุการณ์บางอย่างเกิดขึ้น และสร้างตัวแปรที่สามารถใช้เพื่อทำให้การกำหนดค่าแท็กของคุณง่ายขึ้นและทำให้เป็นแบบอัตโนมัติได้
หากคุณเริ่มต้นใช้งานข้อมูลโค้ดติดตาม และต้องการเพิ่มโค้ดติดตามต่างๆ บนหน้าเว็บของคุณและติดตามการโต้ตอบของผู้เข้าชมในเครื่องมือติดตามมากกว่าหนึ่งอย่าง เช่น Google Analytics, Google Ads หรือ Facebook นี่คือข้อมูลโค้ดที่คุณควรใช้
แท็ก Google Global Site (gtag.js)
แท็กที่ติดทั่วเว็บไซต์ (gtag.js) คือเฟรมเวิร์กการติดแท็ก JavaScript และ API ที่ช่วยให้เราส่งข้อมูลเหตุการณ์ไปยัง Google Analytics, Google Ads และ Google Marketing Platform รวมถึงผลิตภัณฑ์อื่นๆ ของ Google แทนที่จะต้องจัดการโค้ดติดตามหลายโค้ดสำหรับผลิตภัณฑ์ต่างๆ ของ Google เราสามารถใช้ gtag.js และใช้ประโยชน์จากฟีเจอร์การวัดผลและการผสานรวมล่าสุดได้ง่ายขึ้นเมื่อพร้อมใช้งาน
gtag.js ทำให้ง่ายต่อการส่งข้อมูลการติดตามไปยังผลิตภัณฑ์ต่างๆ ของ Google ไม่จำเป็นต้องสร้างบัญชีเพิ่มเติมหรือจัดการการกำหนดค่าในอินเทอร์เฟซแยกต่างหาก ใช้คำสั่ง gtag เพื่อบันทึกเหตุการณ์และส่งข้อมูลไปยังผลิตภัณฑ์ Google อย่างน้อย 1 รายการ
นำตัวอย่างนี้ ซึ่งเว็บไซต์ทั่วไปอาจมีโค้ดติดตามผลิตภัณฑ์ Google ต่อไปนี้ติดตั้งอยู่:
- โค้ดติดตามการดูหน้าเว็บของ Google Analytics ในทุกหน้า
- การติดตามกิจกรรมของ Google Analytics สำหรับการโต้ตอบบางอย่างที่น่าสนใจ
- การติดตามอีคอมเมิร์ซของ Google Analytics สำหรับการซื้อ ตรวจสอบขั้นตอน และอื่นๆ
- เครื่องมือวัด Conversion ของ Google AdWords สำหรับการซื้อหรือการกรอกแบบฟอร์มโอกาสในการขาย
- แท็กรีมาร์เก็ตติ้งของ Google AdWords สำหรับการสร้างผู้ชมใน AdWords
นั่นคือโค้ดติดตามหรือแท็กที่แตกต่างกันห้าแบบสำหรับผลิตภัณฑ์ Google เพียงอย่างเดียว!!!
Gtag.js ทำให้กระบวนการทั้งหมดนี้ง่ายขึ้นมากโดย:
- สนับสนุนให้คุณเก็บแท็กจำนวนมากสำหรับผลิตภัณฑ์ Google ไว้ในที่เดียวในโค้ดของคุณ
- ลดความซับซ้อนในการติดตั้งเพื่อให้คุณเริ่มต้นใช้งานผลิตภัณฑ์ของ Google ได้เร็วยิ่งขึ้น
- เปิดโอกาสในการส่งข้อมูลไปยังเครื่องมือหลายตัวพร้อมกัน แทนที่จะต้องใช้แท็กแยกกัน
บทสรุป
หากคุณต้องการติดตามการโต้ตอบของผู้เยี่ยมชมทั่วไปที่มีต่อเว็บไซต์และการดูหน้าเว็บของคุณเท่านั้น คุณสามารถใช้ข้อมูลโค้ด analytics.js ได้ อย่าใช้ข้อมูลโค้ด ga.js เนื่องจากเป็นข้อมูลโค้ดเก่าที่ไม่มีคุณลักษณะการวัดและการผสานรวมล่าสุด หากคุณมีข้อมูลโค้ด ga.js ในเว็บไซต์ของคุณ ให้แทนที่ด้วยข้อมูลโค้ดติดตามล่าสุด
หากคุณต้องการติดตามการโต้ตอบของผู้เข้าชมเว็บไซต์ในเครื่องมือติดตามของ Google มากกว่าหนึ่งรายการเท่านั้น เช่น Google Analytics, Google Ads และ Google Marketing Platform คุณควรใช้ข้อมูลโค้ด gtag.js อย่าใช้ gtag.js กับข้อมูลโค้ดติดตามอื่นๆ ของ Google Google มองว่าเป็นแนวปฏิบัติที่ไม่ดี
หากคุณต้องการติดตามการโต้ตอบของผู้เยี่ยมชมเว็บไซต์ของคุณด้วยเครื่องมือติดตามที่หลากหลายจาก Google และ เครื่องมือ ของบุคคลที่สาม และตั้งใจที่จะแทรกและจัดการตัวอย่างข้อมูลต่างๆ เช่น Google Ads, Google Analytics, Facebook และตัวอย่างข้อมูลบุคคลที่สามอื่นๆ ในที่เดียว คุณควรใช้ GTM นี่คือข้อมูลโค้ดที่เราแนะนำให้ใช้และควรใช้กับค่าเริ่มต้นและแท็กและทริกเกอร์ที่กำหนดค่าไว้ล่วงหน้า อย่าใช้แท็ก HTML ที่กำหนดเองเพื่อฉีดเครื่องมือติดตามอื่นๆ ของ Google ผ่าน GTM Google ไม่แนะนำและถือเป็นแนวทางปฏิบัติที่ไม่ดี
อีกครั้ง เราไม่แนะนำ และเราไม่แนะนำให้ใช้ข้อมูลโค้ดติดตามของ Google หลายรายการพร้อมกัน หากคุณใช้ GTM ให้ใช้แท็ก Universal Analytic ที่เป็นค่าเริ่มต้นใน GTM และไม่แทรกลงในแท็ก Html ที่กำหนดเอง ข้อมูลโค้ด gtag.js หรือข้อมูลโค้ด ga.js Google ไม่แนะนำและมองว่าเป็นแนวปฏิบัติที่ไม่ดี
เขียนโดย Arturo Santiago