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