ทริกเกอร์ความลึกในการเลื่อนใช้เพื่อเริ่มการทำงานของแท็กโดยขึ้นอยู่กับว่าผู้ใช้เลื่อนหน้าเว็บลงไปถึงระดับใด วิธีกำหนดค่าทริกเกอร์ความลึกในการเลื่อน
- คลิกทริกเกอร์ ใหม่
- คลิกการกำหนดค่าทริกเกอร์ และเลือกประเภททริกเกอร์ความลึกในการเลื่อน
- เลือกตัวเลือกความลึกในการเลื่อน
- เลือกว่าควรเปิดใช้ทริกเกอร์เมื่อใด
ตัวเลือกความลึกในการเลื่อน
เลือกตัวเลือกความลึกในการเลื่อนที่ต้องการ ได้แก่
- ความลึกในการเลื่อนแนวตั้งจะเริ่มทำงานโดยขึ้นอยู่กับว่าผู้ใช้เลื่อนหน้าเว็บนั้นลงไปถึงระดับใด
- ความลึกในการเลื่อนแนวนอนจะเริ่มทำงานโดยขึ้นอยู่กับว่าผู้ใช้เลื่อนหน้าเว็บนั้นไปทางขวาไปถึงระดับใด
คุณอาจใช้ค่าความลึกในการเลื่อนทั้งแนวตั้งและแนวนอนในทริกเกอร์เดียวกันได้ ตั้งค่าความลึกในการเลื่อนเป็นเปอร์เซ็นต์ของความสูงและความกว้างของหน้าเว็บ หรือเป็นพิกเซล ป้อนจำนวนเต็มบวกอย่างน้อย 1 รายการคั่นด้วยเครื่องหมายจุลภาคแทนค่าเปอร์เซ็นต์หรือพิกเซล
ตัวอย่างเช่น เลือกเปอร์เซ็นต์ และป้อน 10, 50, 90 เพื่อตั้งค่าจุดทริกเกอร์ที่ 10%, 50% และ 90% ของความสูงของหน้าเว็บ เมื่อใช้ทริกเกอร์นี้กับแท็ก และผู้ใช้เลื่อนลงมาถึงด้านล่างของหน้า 90% แท็กจะเริ่มทำงาน 3 ครั้ง ครั้งหนึ่งที่ 10% อีกครั้งที่ 50% และอีกครั้งที่ 90%
ทริกเกอร์จะเริ่มทำงาน 1 ครั้งต่อ 1 เกณฑ์ต่อ 1 หน้าเว็บเท่านั้น หากผู้ใช้เลื่อนกลับขึ้นไป ทริกเกอร์จะไม่เริ่มทำงานอีกครั้งเว้นแต่หน้าเว็บดังกล่าวจะโหลดซ้ำ หรือผู้ใช้ไปที่หน้าใหม่ที่ใช้ทริกเกอร์เดียวกัน
เมื่อทริกเกอร์ความลึกในการเลื่อนเริ่มทำงาน ระบบจะเติมค่าตัวแปร ต่อไปนี้ให้โดยอัตโนมัติ
- Scroll Depth Threshold: ค่าตัวเลขซึ่งระบุถึงระดับความลึกในการเลื่อนที่ทำให้ทริกเกอร์เริ่มทำงาน สำหรับเกณฑ์เปอร์เซ็นต์ ตัวแปรนี้จะเป็นค่าตัวเลข (0-100) สำหรับพิกเซล ตัวแปรนี้จะเป็นค่าตัวเลขที่แสดงจำนวนพิกเซลที่ระบุเป็นเกณฑ์ โปรดทราบว่าหากคุณกําหนดให้ตัวแปรเป็น 0 ตัวแปรจะแสดงเป็น (not set) ในรายงาน
- Scroll Depth Units: "พิกเซล" หรือ "เปอร์เซ็นต์" อย่างใดอย่างหนึ่งซึ่งแสดงถึงหน่วยที่ระบุสำหรับเกณฑ์ที่ทำให้ทริกเกอร์เริ่มทำงาน
- Scroll Direction: "แนวตั้ง" หรือ "แนวนอน" อย่างใดอย่างหนึ่งซึ่งแสดงถึงทิศทางของเกณฑ์ที่ทำให้ทริกเกอร์เริ่มทำงาน
เลือกว่าควรเปิดใช้ทริกเกอร์เมื่อใด
เมนู "เปิดใช้ทริกเกอร์นี้" จะระบุว่าทริกเกอร์นี้ควรเริ่มตอบสนองต่อการโต้ตอบที่เกี่ยวข้องเมื่อใด
- Container Load (gtm.js): เปิดใช้โดยเร็วที่สุดหลังจากเริ่มโหลดหน้าเว็บ
- DOM Ready (gtm.dom): เปิดใช้หลังจาก DOM พร้อมที่จะได้รับการแยกวิเคราะห์แล้ว
- Window Load (gtm.load) (ค่าเริ่มต้น): เปิดใช้หลังจากโหลดเนื้อหาเริ่มต้นทั้งหมดในหน้านั้นแล้ว