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