หน้านี้แสดงภาพรวมของแท็ก Google, Google Tag Manager และ gtag.js
และอธิบายวิธีใช้แท็ก Google เพื่อตั้งค่าการติดแท็กในเว็บไซต์ หากคุณกำลังตั้งค่า Google Analytics ในแอป โปรดดูตั้งค่าการวัดผลแอป
แท็ก Google
แท็ก Google คือแท็กที่คุณสามารถเพิ่มลงในเว็บไซต์เพื่อวัดประสิทธิภาพโฆษณาบนเว็บไซต์และโฆษณา คุณต้องใช้แท็ก Google เพื่อส่งข้อมูลไปยัง Google Ads และ Google Analytics 4 (GA4) บัญชีที่คุณส่งข้อมูลแท็ก Google ไปให้จะเรียกว่าปลายทาง
แท็ก Google เป็นพื้นฐานสําหรับ Use Case การวัดผลทั้งหมด หากคุณใช้ Google Ads หรือ GA4 ผลิตภัณฑ์จะสร้างแท็ก Google ให้คุณโดยอัตโนมัติ
ประโยชน์บางประการของการใช้แท็ก Google มีดังนี้
- ใช้แท็ก Google แท็กเดียวทั่วทั้งเว็บไซต์แทนที่จะจัดการหลายๆ แท็กสำหรับบัญชีผลิตภัณฑ์ของ Google ที่แตกต่างกัน
- วัดการดูหน้าเว็บ การคลิก การเลื่อน และอื่นๆ โดยอัตโนมัติใน Google Analytics
- วัด Conversion และประสิทธิภาพแคมเปญใน Google Ads โดยอัตโนมัติ
- กำหนดการตั้งค่าแท็ก Google จากภายในผลิตภัณฑ์ Google (เช่น Google Ads, Google Analytics, Google Tag Manager) เพื่อลดความจำเป็นในการเปลี่ยนแปลงโค้ดในเว็บไซต์
ตัวเลือกการติดแท็กนี้เหมาะอย่างยิ่งสำหรับนักการตลาดที่ไม่มีทีมพัฒนาเว็บที่พร้อมใช้งาน หรือใช้ระบบจัดการเนื้อหา (CMS) หากต้องการเฉพาะเมตริกเริ่มต้น เช่น การดูหน้าเว็บ การคลิก และการเลื่อน คุณจะตั้งค่าแท็ก Google เพียงครั้งเดียวก็สามารถใช้งานได้แล้ว
วิธีเริ่มต้นใช้งานแท็ก Google
หากไม่ได้ใช้เครื่องมือสร้างเว็บไซต์หรือ CMS ให้ตั้งค่าแท็ก Google
หากต้องการตัวเลือกการติดแท็กเพิ่มเติม ให้เพิ่ม Google Tag Manager หรือ gtag.js
ลงในการติดตั้งใช้งาน
Google Tag Manager
Google Tag Manager คือระบบจัดการแท็กที่ช่วยให้คุณอัปเดตแท็กในเว็บไซต์หรือแอปบนอุปกรณ์เคลื่อนที่จากอินเทอร์เฟซเว็บได้ คุณใช้ Google Tag Manager เพื่อโหลดแท็ก Google ในเว็บไซต์แทนการเพิ่มโค้ดของแท็ก Google ลงในเว็บไซต์ด้วยตนเองได้
Google Tag Manager รองรับแท็กเฉพาะสำหรับ Google, แท็กจากบุคคลที่สามหลากหลายประเภท และแม้แต่แท็กที่กำหนดเอง โปรดดูรายละเอียดตัวเลือกแท็กที่รองรับในแท็กที่รองรับทั้งหมด
Google Tag Manager อาจเป็นประโยชน์สำหรับนักการตลาดที่รับผิดชอบการติดแท็กและต้องการจัดการ Google และแท็กจากบุคคลอื่น นอกจากนี้ยังเป็นตัวเลือกที่ดีสำหรับผู้ดูแลระบบและเอเจนซีแท็กอีกด้วย ทั้งยังใช้ควบคู่กับการเปลี่ยนแปลงโค้ดของเว็บไซต์ได้ด้วย
ตั้งค่าและติดตั้ง Tag Manager →
หากคุณใช้แท็กการกำหนดค่า GA4 ระบบจะอัปเกรดแท็กเหล่านั้นเป็นแท็ก Google โดยอัตโนมัติ การวัดผลและฟังก์ชันต่างๆ ยังคงเดิมและคุณไม่จําเป็นต้องดําเนินการใดๆ แท็กเหตุการณ์ GA4 จะยังคงเหมือนเดิม
gtag.js
หากใช้ Google Tag Manager อยู่แล้ว ก็ไม่จำเป็นต้องใช้ gtag.js
Google Tag Manager รองรับแท็ก Google Ads และ Google Marketing Platform อย่างเต็มรูปแบบ และคุณไม่จำเป็นต้องติดตั้งใช้งานโค้ดเพิ่มเติมโดยใช้ gtag.js
ในเว็บไซต์
แท็ก Google ใช้เฟรมเวิร์ก JavaScript gtag.js
เพื่อเพิ่มแท็ก Google ลงในหน้าเว็บโดยตรง หากต้องการใช้ gtag.js
อย่างมีประสิทธิภาพ คุณต้องมีความเชี่ยวชาญเรื่อง HTML, CSS และ JavaScript
gtag.js
เหมาะสำหรับนักพัฒนาเว็บที่รับผิดชอบการติดแท็กและต้องการจัดการแท็ก Google เท่านั้น gtag.js
ช่วยให้คุณติดตั้งแท็กในหน้าเว็บได้โดยตรงโดยไม่ต้องเสียเวลาไปกับการตั้งค่าระบบจัดการแท็ก
หากต้องมีการปรับเปลี่ยนการติดแท็ก คุณmigrateแท็กไปยัง Google Tag Manager ได้ในภายหลัง
การใช้คุกกี้ gtag.js
ดูข้อมูลล่าสุดเกี่ยวกับการใช้คุกกี้ใน Google Analytics 4 ได้ที่การใช้คุกกี้ในเว็บไซต์
ไลบรารี JavaScript ของ gtag.js
ใช้คุกกี้ของบุคคลที่หนึ่งเพื่อทำสิ่งต่อไปนี้
- แยกความแตกต่างของผู้ใช้ที่ไม่ซ้ำ
- แยกเซสชันสำหรับผู้ใช้
เมื่อใช้ข้อมูลโค้ด JavaScript ที่แนะนำ ระบบจะตั้งค่าคุกกี้ที่ระดับโดเมนสูงสุดที่เป็นไปได้ ตัวอย่างเช่น หากที่อยู่เว็บไซต์คือ blog.example.co.uk
gtag.js
จะตั้งค่าโดเมนคุกกี้เป็น .example.co.uk
การตั้งค่าคุกกี้ในโดเมนระดับสูงสุดเท่าที่จะเป็นไปได้จะช่วยให้การวัดผลเกิดขึ้นในโดเมนย่อยโดยไม่ต้องกำหนดค่าเพิ่มเติม
gtag.js
ตั้งค่าคุกกี้ต่อไปนี้
ชื่อคุกกี้ | เวลาหมดอายุเริ่มต้น | คำอธิบาย |
---|---|---|
_ga |
2 ปี | ใช้เพื่อแยกแยะผู้ใช้ |
_ga_<container-id> |
2 ปี | ใช้เพื่อคงสถานะเซสชันไว้ |
การปรับแต่ง
ดูวิธีปรับแต่งการตั้งค่าคุกกี้เริ่มต้นโดยใช้ gtag.js
ได้ที่คู่มือคุกกี้และการระบุตัวตนผู้ใช้
Google Tag Manager เทียบกับ gtag.js
ตารางต่อไปนี้ไฮไลต์ความแตกต่างระหว่าง Tag Manager กับ gtag.js
|
Google Tag Manager (ระบบจัดการแท็ก) |
---|---|
ต้องเขียนโค้ดเพื่อติดตั้งใช้งานแท็กและปรับแต่งคอลเล็กชันเว็บ |
ติดตั้งใช้งานและแก้ไขแท็กทั้งจาก Google และบุคคลที่สามได้ทันทีโดยไม่ต้องแก้ไขโค้ด |
สามารถส่งข้อมูลสําหรับผลิตภัณฑ์ของ Google เท่านั้น |
สามารถส่งข้อมูลสําหรับแท็ก Google, แท็กจากบุคคลที่สาม และแท็กที่กําหนดเอง |
ต้องจัดการแท็กจากในโค้ด และอาจต้องทำซ้ำโค้ดสําหรับแต่ละแพลตฟอร์ม เช่น เว็บและแอป |
จัดการแท็กสําหรับเว็บไซต์และแอปทั้งหมดจาก tagmanager.google.com |
การควบคุมเวอร์ชันขึ้นอยู่กับวิธีจัดการโค้ด |
ทํางานร่วมกับผู้อื่นโดยใช้พื้นที่ทํางานและแท็กการควบคุมเวอร์ชัน |
สามารถติดแท็กฝั่งเซิร์ฟเวอร์ ยังคงต้องใช้ Google Tag Manager เพื่อติดตั้งใช้งานและโต้ตอบกับคอนเทนเนอร์ของเซิร์ฟเวอร์ |
Tag Manager ช่วยนําแท็กไปใช้งานบนเซิร์ฟเวอร์ หากคุณสำรวจตัวเลือกนี้ โปรดอ่านการติดแท็กฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์ |
เข้ากันได้กับเครื่องมือสร้างเว็บไซต์แบบคงที่, CMS, เครื่องมือสร้างเว็บไซต์ หรือหน้า HTML ที่เขียนขึ้นด้วยตนเองซึ่งรองรับ JavaScript |
เข้ากันได้กับ CMS และเครื่องมือสร้างเว็บไซต์หลายรายการ หากระบบไม่รองรับ Tag Manager ให้ใช้แท็ก Google ( |
ไม่มีค่าใช้จ่าย |
ไม่มีค่าใช้จ่าย |