Google Tag Manager - การติดตามขั้นสูง

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

ในบทนี้เราจะดู -

  • การใช้งานเหตุการณ์ที่กำหนดเอง
  • การติดตามการเลื่อนเมาส์

การใช้งานเหตุการณ์ที่กำหนดเอง

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

พิจารณาสถานการณ์เมื่อเราคลิกลิงก์ภายในที่สร้างขึ้นก่อนหน้านี้ ให้เราสร้างเหตุการณ์ที่กำหนดเองชื่อ urlClick ซึ่งจะอ่านตัวแปรชั้นข้อมูล gtm.elementurl

Step 1- ในการทำเช่นนั้นให้เราสร้างตัวแปรชื่อ urlName จากส่วนตัวแปร ใช้กระบวนการปกติสร้างตัวแปร

ที่แสดงด้านบนเป็นตัวอย่างของตัวแปรชั้นข้อมูล - urlName

ตอนนี้เราจะใช้ตัวแปรนี้เพื่อสร้างเหตุการณ์ที่กำหนดเองของเรา เหตุการณ์ที่กำหนดเองจะถูกใช้เมื่อเราสร้างทริกเกอร์ ดูภาพหน้าจอต่อไปนี้สำหรับการอ้างอิง

Step 2- สร้างทริกเกอร์เพื่อเริ่มการทำงานในเหตุการณ์ที่มีอยู่แล้วโดยคลิกลิงก์ภายใน ภายใต้ชื่อเหตุการณ์ระบุ gtm.linkClick

ตอนนี้ให้เราสร้างแท็ก

Step 3- ทำตามขั้นตอนเดียวกันในการสร้างแท็ก นี่คือรายละเอียด -

  • ประเภทแท็ก - Universal Analytics
  • ประเภทการติดตาม - เหตุการณ์
  • หมวดหมู่ - ลิงค์คลิก
  • Action - คลิก

Step 4 - สำหรับป้ายกำกับให้ใช้ป้ายกำกับที่สร้างขึ้นล่าสุด urlName

Step 5- เมื่อเสร็จแล้วให้เลือกเปิดใช้งานการลบล้างการตั้งค่าในแท็กนี้ ในกล่องข้อความรหัสติดตามป้อนรหัสติดตาม Google Analytics ของคุณ

เมื่อเลือกทริกเกอร์ตรวจสอบให้แน่ใจว่าคุณได้เลือกทริกเกอร์ที่เพิ่งสร้าง - URL ที่คลิก

Step 6- บันทึกแท็ก คลิกดูตัวอย่างเพื่อดูการเปลี่ยนแปลงในบล็อกของคุณ

Step 7- Ctrl + คลิกที่ลิงก์ภายใน คุณควรจะเห็นเหตุการณ์ gtm.linkClick ในช่องสรุป นอกจากนี้คุณควรเห็นแท็กเริ่มทำงานดังที่แสดงในภาพหน้าจอต่อไปนี้

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

การติดตามการเลื่อนเมาส์

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

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

รหัสที่มีอยู่ในนี้สถานที่ตั้ง เราจะใช้เมื่อสร้างแท็ก

Step 1- สร้างทริกเกอร์ เราจะเรียกทริกเกอร์นี้ว่าทริกเกอร์เลื่อน

อ้างอิงภาพต่อไปนี้สำหรับการกำหนดค่าทริกเกอร์

Step 2- กำหนดค่าประเภททริกเกอร์ - พร้อม DOM อนุญาตให้ทริกเกอร์นี้เริ่มทำงาน - เหตุการณ์ที่พร้อมใช้งาน DOM ทั้งหมด

Step 3 - คลิกบันทึกเมื่อทำตามขั้นตอนข้างต้นเสร็จแล้ว

ตอนนี้ให้เราสร้างแท็ก

Step 4 - คราวนี้เมื่อสร้างแท็กให้เลือกการติดตามประเภทอื่นตามที่แสดงในภาพหน้าจอต่อไปนี้

Step 5 - เมื่อเลือก HTML ที่กำหนดเองจะแสดงช่องว่างสำหรับป้อนโค้ด HTML

Step 6- ใส่รหัสตามที่คัดลอกมาจากนี้การเชื่อมโยง

Step 7- เลื่อนลงเพื่อกำหนดค่าทริกเกอร์ ต้องเลือกทริกเกอร์ที่เราเพิ่งสร้าง (Scroll Trigger ด้านบน)

Step 8 - คลิกบันทึก

Step 9- ตอนนี้เริ่ม GTM Debugger และรีเฟรชหน้าบล็อก คุณจะเห็นการเปลี่ยนแปลงที่สำคัญสองประการในส่วนสรุปและแท็ก

Step 10 - ตอนนี้เลื่อนลงเพื่อดูส่วนที่เหลือของบล็อกเหตุการณ์อีกสองสามเหตุการณ์จะถูกทริกเกอร์

  • ScrollDistance
  • ScrollTiming

ในที่สุดเหตุการณ์เหล่านี้จะถูกใช้เพื่อตรวจจับตำแหน่งของการเลื่อนเมาส์และดำเนินการเพิ่มเติมตามนั้น