Google Tag Manager ใช้ข้อมูลเหล่านี้จัดการกับการกำหนดค่าและเรียกใช้แท็ก
- แท็ก: แท็กคือโค้ดที่ส่งข้อมูลไปยังระบบ เช่น Google Analytics
- ทริกเกอร์: ทริกเกอร์จะเฝ้าติดตามเหตุการณ์บางอย่าง เช่น การคลิก การส่งแบบฟอร์ม หรือการโหลดหน้าเว็บ
- ตัวแปร: ตัวแปรคือตัวยึดตำแหน่งที่มีชื่อสำหรับค่าที่จะเปลี่ยนแปลง เช่น ชื่อผลิตภัณฑ์ ค่าราคา หรือวันที่
- ชั้นข้อมูล: เครื่องจัดการแท็กจะใช้ชั้นข้อมูลเพื่อเก็บค่าในไคลเอ็นต์ชั่วคราวเพื่อให้แท็ก ทริกเกอร์ และตัวแปรใช้ค่าดังกล่าวได้
เป้าหมายของบทความนี้คือเพื่อช่วยให้คุณเข้าใจว่าข้อมูลเหล่านี้ทำงานร่วมกันอย่างไร
แท็กและทริกเกอร์
แท็กคือข้อมูลโค้ดที่ทำงานบนหน้าเว็บหรือแอปบนอุปกรณ์เคลื่อนที่ แท็กใช้ทำงานได้หลายอย่าง แต่แท็กส่วนใหญ่ที่ใช้ในเครื่องจัดการแท็กได้รับการออกแบบมาเพื่อส่งข้อมูลจากเว็บไซต์ของคุณไปยังบุคคลที่สาม เช่น แท็ก Google Analytics และแท็กเครื่องมือวัด Conversion ของ Google Ads
หากคุณไม่ได้ใช้โซลูชันการจัดการแท็ก คุณจะต้องเพิ่มโค้ดสำหรับแต่ละแท็กลงในซอร์สโค้ดโดยตรง แต่หากมีเครื่องจัดการแท็ก คุณจะควบคุมแท็กทั้งหมดจากอินเทอร์เฟซผู้ใช้บนเว็บแทนได้
แท็กจะดำเนินการหรือเริ่มทำงานเพื่อตอบสนองต่อเหตุการณ์ โดยที่เหตุการณ์อาจเป็นการโหลดหน้าเว็บ การคลิกปุ่ม การเลื่อนหน้าเว็บ เป็นต้น ใน Google Tag Manager คุณจะเป็นผู้กำหนดทริกเกอร์ให้เฝ้าติดตามเหตุการณ์ดังกล่าว รวมถึงระบุว่าแท็กควรเริ่มทำงานเมื่อใด
ทริกเกอร์และตัวแปร
เครื่องจัดการแท็กมีตัวแปรบิวท์อินให้เลือกเป็นจำนวนมาก และคุณยังกำหนดค่าตัวแปรที่กำหนดเองเพิ่มเติมได้อีกด้วย เช่น ตัวแปร "url" ที่กำหนดล่วงหน้าจะเก็บ URL ของหน้าเว็บที่กำลังโหลด หากต้องการให้แท็กเริ่มทำงานบนหน้าเว็บ example.com/purchase/receipt.html เท่านั้น ให้กำหนดทริกเกอร์โดยใช้การตั้งค่าต่อไปนี้
- เหตุการณ์: การดูหน้าเว็บ
- ประเภททริกเกอร์: การดูหน้าเว็บ
- เริ่มทำงานใน: การดูหน้าเว็บบางรายการ
- ทำให้แท็กเริ่มทำงานเมื่อเงื่อนไขเหล่านี้เป็นจริง
URL คือ example.com/purchase/receipt.html
- ทำให้แท็กเริ่มทำงานเมื่อเงื่อนไขเหล่านี้เป็นจริง
กำหนดค่าตัวแปรบิวท์อินหรือตัวแปรที่กำหนดเองเพื่อให้แอปพลิเคชันใช้ข้อมูลได้เมื่อต้องการ ใช้ตัวแปรเหล่านี้ในเงื่อนไขทริกเกอร์หรือใช้เพื่อส่งข้อมูลไปให้แท็กก็ได้
ตัวแปรและชั้นข้อมูล
ชั้นข้อมูลมีไว้เพื่อเก็บข้อมูลชั่วคราว เครื่องจัดการแท็กจะใช้รูปแบบที่มีโครงสร้างนี้เพื่อช่วยให้คุณย้ายข้อมูลดังกล่าวจากหน้าเว็บหรือแอปบนอุปกรณ์เคลื่อนที่ไปยังแท็ก ทริกเกอร์ และตัวแปรอื่นๆ ในเครื่องจัดการแท็ก
คุณไม่จำเป็นต้องสร้างชั้นข้อมูลเพื่อให้ตัวแปรดึงข้อมูลเสมอไป นอกจากนี้ ยังสามารถกำหนดค่าตัวแปรเครื่องจัดการแท็กให้ดึงค่าจากตัวแปร JavaScript คุกกี้ของบุคคลที่หนึ่ง และ DOM โดยตรง อย่างไรก็ตาม แนวทางปฏิบัติที่ดีที่สุดคือให้ตัวแปรดึงข้อมูลโดยตรงจากออบเจ็กต์ชั้นข้อมูลที่มีการจัดระเบียบเป็นอย่างดี การใช้ชั้นข้อมูลสามารถลดโอกาสการสูญหายของข้อมูลที่เกิดจากการเปลี่ยนแปลงโค้ดโดยไม่เจตนา อีกทั้งกระตุ้นให้มีการจัดระเบียบโมเดลข้อมูลที่ดีและเข้าถึงได้ รวมถึงช่วยให้แก้ปัญหาได้ง่ายขึ้นด้วย
สถานการณ์การใช้งาน
คุณจะตัดสินใจได้ว่าการใช้ชั้นข้อมูลสอดคล้องกับความต้องการของคุณหรือไม่เมื่อพิจารณาประเด็นต่อไปนี้
- หากต้องการให้แท็กเริ่มทำงานเมื่อมีการโหลดหน้าเว็บเท่านั้น (กล่าวคือ แท็กไม่จำเป็นต้องเริ่มทำงานเพื่อตอบสนองการโต้ตอบของผู้ใช้บนหน้าเว็บ) และแท็กไม่จำเป็นต้องใช้ข้อมูลใดๆ นอกเหนือจาก URL และผู้อ้างอิง คุณเพียงต้องเพิ่มข้อมูลโค้ดคอนเทนเนอร์ให้กับหน้าเว็บแต่ละหน้าบนเว็บไซต์ของคุณ อาจไม่จำเป็นต้องใช้ชั้นข้อมูล
- หากต้องการให้แท็กเริ่มทำงานเมื่อมีการโหลดหน้าเว็บเท่านั้น แต่ต้องการข้อมูลนอกเหนือจาก URL และผู้อ้างอิง (เช่น ประเภทหน้าเว็บหรือรหัสผู้ใช้) คุณอาจต้องเพิ่มโค้ดที่ใช้สร้างชั้นข้อมูลและส่งข้อมูลไปยังชั้นข้อมูลดังกล่าว
- หากไม่สามารถใช้ข้อมูลที่คุณต้องการใช้จนกว่าผู้ใช้จะมีการโต้ตอบกับหน้าเว็บ คุณจะต้องเพิ่มโค้ดที่ใช้ส่งข้อมูลไปที่ชั้นข้อมูล จากนั้น จะต้องกำหนดค่าเครื่องจัดการแท็กให้ใช้ประโยชน์จากชั้นข้อมูลเมื่อมีเหตุการณ์ที่ต้องการเกิดขึ้น