โหมดแสดงตัวอย่างและแก้ไขข้อบกพร่องของ Google Tag Manager ช่วยให้คุณเรียกดูเว็บไซต์ที่มีการใช้โค้ดคอนเทนเนอร์ในลักษณะที่เสมือนว่าได้ใช้งานแบบร่างของคอนเทนเนอร์ปัจจุบันแล้ว คุณจึงทดสอบการกำหนดค่าคอนเทนเนอร์นั้นก่อนนำไปใช้จริงได้ เว็บไซต์ที่แสดงตัวอย่างจะเชื่อมต่อกับผู้ช่วยแท็กเพื่อให้คุณตรวจสอบแท็กที่เริ่มทํางานและลําดับการเริ่มทํางานได้
เปิดใช้โหมดแสดงตัวอย่างและแก้ไขข้อบกพร่อง
วิธีเปิดใช้โหมดแสดงตัวอย่างและแก้ไขข้อบกพร่องสําหรับพื้นที่ทํางานปัจจุบัน
- คลิกแสดงตัวอย่างที่ด้านขวาบนของพื้นที่ทํางาน
- ป้อน URL ของเว็บไซต์
- บางเว็บไซต์หรือหน้าเว็บอาจใช้งานไม่ได้หากมีการเพิ่มพารามิเตอร์การแก้ไขข้อบกพร่องอื่นๆ ลงใน URL ในกรณีนี้ ให้ยกเลิกการเลือกช่องรวมสัญญาณการแก้ไขข้อบกพร่องไว้ใน URL
- คลิกเชื่อมต่อ เว็บไซต์จะเปิดขึ้นในหน้าต่างใหม่และแสดงเป็นเชื่อมต่อแล้วที่ด้านขวาล่าง
หากคุณได้ติดตั้งส่วนขยาย Chrome ที่ชื่อ Tag Assistant Companion เว็บไซต์จะเปิดขึ้นในแท็บใหม่แทนที่จะเป็นหน้าต่างใหม่
- คลิก "กลับ" ในแท็บผู้ช่วยแท็ก แล้วคลิกต่อไปเพื่อเข้าถึงอินเทอร์เฟซการแก้ไขข้อบกพร่อง
คุณดูตัวอย่างเว็บไซต์เพื่อแก้ไขข้อบกพร่องจากหน้าการเปิดใช้งานผู้ช่วยแท็กได้ด้วย
หากต้องการแสดงตัวอย่างคอนเทนเนอร์เวอร์ชันเก่า ให้ทำดังนี้
- คลิกเวอร์ชันในแถบนำทางด้านบนของพื้นที่ทํางาน
- ค้นหาเวอร์ชันที่ต้องการใช้งาน แล้วคลิกการทำงานเพิ่มเติม จากนั้นเลือกแสดงตัวอย่าง
ใช้โหมดแสดงตัวอย่างและแก้ไขข้อบกพร่อง
เมื่อเปิดใช้โหมดแสดงตัวอย่างและแก้ไขข้อบกพร่อง หน้าต่างใหม่จะเปิดขึ้นสําหรับหน้าเว็บที่คุณป้อน อินเทอร์เฟซการแก้ไขข้อบกพร่องจะแสดงข้อมูลเกี่ยวกับแท็กอย่างละเอียด เช่น การเริ่มทำงานและข้อมูลที่ประมวลผลอยู่ นอกจากนี้จะแสดงเฉพาะในเบราว์เซอร์เดียวกับที่ใช้เปิดโหมดแสดงตัวอย่าง หรือแสดงต่อผู้ใช้ที่แชร์ แต่ไม่แสดงให้ผู้เข้าชมเว็บไซต์ทั่วไปเห็น
ใช้ข้อมูลในอินเทอร์เฟซการแก้ไขข้อบกพร่องเพื่อดูว่าแท็กและทริกเกอร์เริ่มทำงานอย่างถูกต้องหรือไม่ และส่งข้อมูลใดไปยังบริการที่เกี่ยวข้อง ขณะที่คุณคลิกผ่านเว็บไซต์ที่แสดงตัวอย่าง อินเทอร์เฟซการแก้ไขข้อบกพร่องจะอัปเดตข้อมูลเกี่ยวกับการเริ่มทำงานของแท็ก คุณสามารถใช้ข้อมูลนี้เพื่อดูว่าแท็กเริ่มทำงานสำเร็จหรือไม่ และสิ่งใดที่ทริกเกอร์ (หรือไม่ทริกเกอร์) สถานะการเริ่มทำงานของแท็กดังกล่าว
แถบนําทางด้านบนจะแสดงตัวเลือกในการเข้าถึงข้อมูลเกี่ยวกับแท็ก ตัวแปร และชั้นข้อมูล ส่วนแถบนําทางสรุปที่อยู่ทางซ้ายจะแสดงรายการเหตุการณ์
- แท็ก: คลิก "แท็ก" เพื่อดูแท็กที่เริ่มทำงานและไม่ได้เริ่มทำงาน คลิกแท็กใดแท็กหนึ่งเพื่อดูพร็อพเพอร์ตี้ของแท็กและทริกเกอร์ที่เชื่อมโยงอยู่ เมื่อเลือกเหตุการณ์ในคอลัมน์ด้านซ้าย แท็บแท็กจะแสดงสถานะของแท็กสำหรับเหตุการณ์นั้น
-
ตัวแปร: แท็บตัวแปรจะแสดงข้อมูลเกี่ยวกับตัวแปรในเหตุการณ์ที่เลือกอย่างละเอียด เช่น ประเภทตัวแปร ประเภทข้อมูลที่ส่งกลับ และค่าที่ได้มา เลือกเหตุการณ์ในการนำทางด้านซ้ายเพื่อดูสถานะของตัวแปรในเวลาที่เหตุการณ์เริ่มทำงาน
- ชั้นข้อมูล: แท็บ "ชั้นข้อมูล" จะแสดงข้อความเหมือนกับที่พุชไปยังชั้นข้อมูลสำหรับเหตุการณ์ที่เลือกทุกประการ และแสดงหน้าตาของชั้นข้อมูลนั้นหลังจากดำเนินการกับข้อความเสร็จสมบูรณ์แล้ว เลือกเหตุการณ์ในการนำทางด้านซ้ายเพื่อดูสถานะของชั้นข้อมูลในเวลาที่เหตุการณ์เริ่มทำงาน
แชร์โหมดแสดงตัวอย่างและแก้ไขข้อบกพร่อง
เมื่อเปิดใช้โหมดแสดงตัวอย่างและแก้ไขข้อบกพร่อง อินเทอร์เฟซการกําหนดค่าคอนเทนเนอร์ที่แสดงตัวอย่างและอินเทอร์เฟซการแก้ไขข้อบกพร่องของผู้ช่วยแท็กจะแสดงในเบราว์เซอร์เดียวกับที่คุณเปิดใช้งานโหมดดังกล่าวเท่านั้น โดยคุณสามารถแชร์การแสดงตัวอย่างนี้กับคนอื่นได้ด้วย URL ที่สร้างขึ้นเอง
วิธีแชร์ตัวอย่างการกำหนดค่าพื้นที่ทำงานกับเพื่อนร่วมงาน
- คลิกการทํางานเพิ่มเติม ที่ด้านบนของอินเทอร์เฟซการแก้ไขข้อบกพร่องของผู้ช่วยแท็ก แล้วเลือกแชร์
- ในกล่องโต้ตอบแชร์เซสชันการแก้ไขข้อบกพร่อง ให้ป้อนโดเมนของเว็บไซต์เป้าหมายและแท็กที่จะแก้ไขข้อบกพร่อง
- คัดลอก URL ตัวอย่างที่ได้จากช่องที่ระบุ
- วาง URL ตัวอย่างที่คัดลอกลงในข้อความและส่งไปให้เพื่อนร่วมงาน URL ตัวอย่างช่วยให้ผู้ใช้เข้าถึงเว็บไซต์ของคุณในโหมดแสดงตัวอย่างและดูอินเทอร์เฟซการแก้ไขข้อบกพร่องของผู้ช่วยแท็กได้
นอกจากนี้ คุณยังแชร์คอนเทนเนอร์เวอร์ชันปัจจุบันหรือเวอร์ชันเก่าจากพื้นที่ทํางานได้โดยทำดังนี้
- คลิกเวอร์ชันในแถบนำทางด้านบนของพื้นที่ทํางาน
- ค้นหาเวอร์ชันที่ต้องการแชร์ แล้วคลิกการทำงานเพิ่มเติม จากนั้นเลือกแชร์ตัวอย่าง
- ในกล่องโต้ตอบ "แชร์ตัวอย่าง" ให้ป้อนโดเมนของเว็บไซต์เป้าหมาย (เช่น https://example.com/)
- คัดลอก URL ตัวอย่างที่ได้จากช่องที่ระบุ
- วาง URL ตัวอย่างที่คัดลอกลงในข้อความและส่งไปให้เพื่อนร่วมงาน URL ตัวอย่างช่วยให้ผู้ใช้เข้าถึงเว็บไซต์ของคุณในโหมดแสดงตัวอย่างและดูอินเทอร์เฟซการแก้ไขข้อบกพร่องของผู้ช่วยแท็กได้
ออกจากโหมดแสดงตัวอย่างและแก้ไขข้อบกพร่อง
หากต้องการออกจากโหมดแสดงตัวอย่างและหยุดแก้ไขข้อบกพร่อง ให้ทําอย่างใดอย่างหนึ่งต่อไปนี้
- คลิกยกเลิกการเชื่อมต่อในหน้าต่างแบบลอยในเว็บไซต์ที่แสดงตัวอย่าง
- คลิก X ที่มุมซ้ายบนของอินเทอร์เฟซการแก้ไขข้อบกพร่องของผู้ช่วยแท็ก
- คลิกหยุดแก้ไขข้อบกพร่องในหน้าการเปิดใช้งานผู้ช่วยแท็ก