แท็ก Google และ Tag Manager

เอกสารนี้มีไว้สำหรับผู้ที่เพิ่งเริ่มใช้การติดแท็กและต้องการทราบการตั้งค่าการติดแท็กที่เหมาะกับตนเองมากที่สุด

เอกสารนี้นําเสนอภาพรวมของแท็ก 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 Analytics โดยอัตโนมัติ ดูข้อมูลเพิ่มเติม
  • วัด Conversion และประสิทธิภาพของแคมเปญใน Google Ads โดยอัตโนมัติ ดูข้อมูลเพิ่มเติม
  • กำหนดการตั้งค่าแท็ก Google เหล่านี้จากภายในผลิตภัณฑ์ Google ของคุณ (เช่น Google Ads, Google Analytics, Google Tag Manager) เพื่อลดความจำเป็นในการ เปลี่ยนแปลงโค้ดในเว็บไซต์

ตัวเลือกการติดแท็กนี้เหมาะอย่างยิ่งสำหรับนักการตลาดที่ไม่มีทีมพัฒนาเว็บที่พร้อมให้บริการหรือใช้ระบบจัดการเนื้อหา (CMS) หากต้องการเพียงเมตริกเริ่มต้น เช่น การดูหน้าเว็บ การคลิก และการเลื่อน ให้ตั้งค่าแท็ก Google เพียงครั้งเดียวก็พร้อมใช้งาน

หากพร้อมที่จะเริ่มแล้ว

หากต้องการการควบคุมเพิ่มเติม

ลองเพิ่มตัวเลือกการติดแท็กอย่างใดอย่างหนึ่งต่อไปนี้ลงในแท็ก Google

  • Google Tag Manager (แนะนํา)
  • gtag.js

gtag.js คืออะไร

แท็ก Google ใช้เฟรมเวิร์ก JavaScript gtag.js เพื่อเพิ่มแท็ก Google ลงในหน้าเว็บโดยตรง หากต้องการใช้ gtag.js อย่างมีประสิทธิภาพ คุณต้องมีความเชี่ยวชาญใน HTML, CSS และ JavaScript

ตัวเลือกการติดแท็กนี้เหมาะสำหรับนักพัฒนาเว็บที่รับผิดชอบการติดแท็กและต้องจัดการแท็ก Google เท่านั้น gtag.js ช่วยให้คุณติดตั้งแท็กในหน้าเว็บได้โดยตรง โดยไม่ต้องเสียเวลาไปกับการตั้งค่าระบบจัดการแท็ก

หากการติดแท็กมีความจำเป็นเพิ่มขึ้น คุณสามารถmigrateแท็กไปยัง Google Tag Manager ในภายหลังได้เสมอ

Google Tag Manager คืออะไร

Tag Manager คือระบบจัดการแท็กที่ช่วยให้คุณอัปเดตแท็กในเว็บไซต์หรือแอปบนอุปกรณ์เคลื่อนที่จากอินเทอร์เฟซเว็บได้อย่างสะดวกรวดเร็ว คุณสามารถใช้ Google Tag Manager เพื่อโหลดแท็ก Google บนเว็บไซต์ วิธีนี้เท่ากับการเพิ่มข้อมูลโค้ดของแท็ก Google ลงในเว็บไซต์

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 อยู่แล้ว

ขั้นตอนถัดไป