ชั้นข้อมูล

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

นักพัฒนาซอฟต์แวร์ควรอ่านข้อมูลเพิ่มเติมในเอกสารประกอบสำหรับนักพัฒนาซอฟต์แวร์

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

เมื่อคุณตั้งค่าเว็บไซต์หรือแอปบนอุปกรณ์เคลื่อนที่ให้ทำงานร่วมกับเครื่องจัดการแท็กและชั้นข้อมูล ให้นึกถึงหมวดหมู่ข้อมูลที่ชั้นข้อมูลควรจัดการ เช่น

ข้อมูลผลิตภัณฑ์: ชื่อผลิตภัณฑ์ ราคา หมวดหมู่
ข้อมูลแคมเปญการตลาด: แหล่งที่มาของการเข้าชม สื่อ
ข้อมูลธุรกรรม: มูลค่าในรถเข็น วันที่ชำระเงิน
ข้อมูลลูกค้า: ลูกค้าใหม่หรือลูกค้าที่กลับมา

สร้างตัวแปรชั้นข้อมูล

ตัวแปรชั้นข้อมูลช่วยให้ Tag Manager อ่านค่าจากการใช้ชั้นข้อมูลและส่งค่าเหล่านั้นไปยังแท็ก ทริกเกอร์ และตัวแปรอื่นๆ ได้ ออบเจ็กต์ชั้นข้อมูลประกอบด้วยรายการคู่คีย์-ค่า คีย์คือหมวดหมู่ของสิ่งต่างๆ เช่น หมวดหมู่หนังสือ ชื่อ หรือผู้แต่ง แต่ละคีย์อาจมีค่าแตกต่างกันไป คีย์ชื่อหนังสืออาจมีค่าเป็น "Ulysses", "War and Peace", "A Brief History of Time" ฯลฯ

เพิ่มโค้ดชั้นข้อมูลลงในหน้าเว็บ

หากต้องการตั้งค่าชั้นข้อมูล ให้ทำงานร่วมกับนักพัฒนาซอฟต์แวร์เพื่อเพิ่มข้อมูลโค้ดต่อไปนี้ของโค้ดลงในส่วน <head> ของหน้าเว็บ ด้านบนข้อมูลโค้ดคอนเทนเนอร์

    window.dataLayer = window.dataLayer || [];

</script>

เพิ่มข้อมูลลงในชั้นข้อมูลด้วยคำสั่ง dataLayer.push() ดังนี้

<a href="#" onclick="dataLayer.push({
'bookCategory': 'fiction',
'bookTitle': 'Cien años de soledad',
'bookAuthor': 'Gabriel García Márquez'
});">รายละเอียดหนังสือ</a>

ดูข้อมูลเพิ่มเติมเกี่ยวกับการติดตั้งใช้งานชั้นข้อมูลได้ในเอกสารสำหรับนักพัฒนาซอฟต์แวร์

ตั้งค่าตัวแปรชั้นข้อมูล

เมื่อมีคีย์ที่ต้องการใช้แล้ว คุณจะสร้างตัวแปรชั้นข้อมูลต่อได้โดยทำดังนี้

คลิกตัวแปร
ในส่วนตัวแปรที่กำหนดโดยผู้ใช้ ให้คลิกใหม่
คลิกการกำหนดค่าตัวแปร และเลือกตัวแปรชั้นข้อมูลเป็นประเภทตัวแปร
ในช่องชื่อตัวแปรชั้นข้อมูล ให้ป้อนคีย์ตามที่เขียนไว้ในโค้ดทุกประการ (เช่น bookTitle ไม่ใช่ book title)
ในกรณีส่วนใหญ่ คุณควรปล่อยให้เวอร์ชันชั้นข้อมูลมีค่าตามค่าเริ่มต้น คือ เวอร์ชัน 2 ดูข้อมูลเพิ่มเติม
บันทึกตัวแปร
ทำซ้ำขั้นตอนเหล่านี้ในทุกๆ คีย์ชั้นข้อมูลที่คุณต้องการมีไว้เป็นตัวแปรในเครื่องจัดการแท็ก
นำคอนเทนเนอร์ไปใช้จริง

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

วิธีการประมวลผลข้อมูลในชั้นข้อมูล

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

หากโค้ดเรียกใช้ gtag() หรือ dataLayer.push() ในหน้าเว็บ ในเทมเพลตที่กำหนดเอง หรือในแท็ก HTML ที่กําหนดเอง ข้อความที่เกี่ยวข้องจะเข้าคิวรับการประมวลผลหลังจากข้อความอื่นๆ ทั้งหมดที่รอดําเนินการได้รับการประเมินแล้ว ซึ่งหมายความว่าไม่มีการรับประกันว่าค่าชั้นข้อมูลที่อัปเดตแล้วจะใช้ได้กับเหตุการณ์ถัดไป หากต้องการแก้ไขกรณีเช่นนี้ ให้เพิ่มชื่อเหตุการณ์ลงในข้อความเมื่อมีการพุชเข้าไปในชั้นข้อมูล แล้วรอรับชื่อเหตุการณ์นั้นด้วยทริกเกอร์เหตุการณ์ที่กําหนดเอง

สําคัญ: อย่าใช้แท็ก HTML ที่กําหนดเองเพื่อใช้โค้ดที่อิงตาม gtag.js แต่ให้ใช้เทมเพลตแท็กต้นทางของ Tag Manager กับ Google Ads, Analytics และ Floodlight แทน

สําคัญ: อย่าใช้ HTML ที่กําหนดเองเพื่อพยายามกําหนดการตั้งค่าความยินยอม แท็กที่เกี่ยวข้องจะเริ่มทํางานในคอนเทนเนอร์ Tag Manager ต่อเมื่อมีการใช้การตั้งค่าความยินยอม ดึงนั้นคุณต้องใช้ API คํายินยอมใน Tag Manager เพื่อให้คอนเทนเนอร์ Tag Manager โหลด

แหล่งข้อมูลเพิ่มเติม

ข้อมูลนี้มีประโยชน์ไหม

เราจะปรับปรุงได้อย่างไร