วิเคราะห์การกําหนดค่าแท็กที่มีอยู่

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

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

หากต้องการประเมินแท็กที่มีอยู่ ให้ใช้แหล่งข้อมูลต่อไปนี้

• ผู้ช่วยแท็กของ Google
• ฟีเจอร์ภายใน Google Tag Manager
• เทคนิคการตรวจสอบโค้ดด้วยตนเอง

ผู้ช่วยแท็ก

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

Tag Manager

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

ค้นหา

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

เวอร์ชัน

ฟีเจอร์เวอร์ชันใน Tag Manager จะแสดงสรุปการกำหนดค่าคอนเทนเนอร์ที่มีอยู่

1. คลิกเวอร์ชันใน Tag Manager
2. คลิกเวอร์ชันล่าสุดในรายการเพื่อดูสถานะปัจจุบันของ คอนเทนเนอร์

Tag Manager จะแสดงแท็ก ทริกเกอร์ ตัวแปร และเทมเพลตที่กำหนดเองในมุมมองนี้

โหมดแสดงตัวอย่าง

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

การตรวจสอบโค้ดด้วยตนเอง

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

• gtag( - นี่คือส่วนเริ่มต้นสำหรับgtag() คำสั่ง และโค้ด ส่วนย่อยเหล่านี้มักมีการตรวจสอบเพิ่มเติม
• googletagmanager.com – โดเมนนี้จะโหลดทั้งฟังก์ชันการทํางานของ Tag Manager และ gtag.js และช่วยคุณค้นหาแท็กประเภทดังกล่าวได้

หากมี gtag.js หรือ Google Tag Manager อยู่แล้ว คุณอาจ อัปเดตแท็กหรือการวัดผลที่มีอยู่แทนการติดตั้งใช้งาน การกำหนดค่าใหม่ได้

• dataLayer – ใช้เพื่อดูว่าได้สร้างโค้ด Data Layer แล้วหรือไม่ และเรียกใช้ dataLayer.push() พร้อมการวัดผลสำหรับเหตุการณ์ที่เฉพาะเจาะจง
• analytics.js หรือ ga.js - ชื่อไฟล์ของไลบรารีที่ใช้สำหรับการติดตั้งใช้งาน Google Analytics เวอร์ชันเดิม
• conversion.js หรือ conversion_async.js - ชื่อไฟล์ของไลบรารีที่ใช้ สําหรับการวัด Conversion ของ Google Ads
• optimize.js – ใช้สําหรับแท็ก Google Optimize
• ระบบจัดการแท็กจากบุคคลที่สามที่อาจมีแท็ก Google มองหาแท็กจากบุคคลที่สามที่อาจมีอยู่ในซอร์สโค้ด เช่น utag.js หรือ _satellite

gtag.js

หากเพิ่มข้อมูลโค้ดแท็ก Google ลงในหน้าเว็บโดยใช้ gtag.js คุณสามารถตรวจสอบแท็กเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่ใช้ได้ แท็กหลักมีลักษณะ ดังตัวอย่างต่อไปนี้

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=GA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'GA-XXXXXX-1');
  </script>

คุณอาจเห็นบรรทัด gtag('config',...) หลายบรรทัดสำหรับผลิตภัณฑ์และบัญชีเพิ่มเติม เช่น

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'GA-XXXXXX-1');
    gtag('config', 'GA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

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

คำนำหน้าผลิตภัณฑ์สำหรับแท็ก Google

หน้าเว็บที่กำหนดค่าด้วยแท็ก Google อาจมีรหัสที่มีคำนำหน้า "G" หรือ "AW" คำนำหน้า "G" หมายความว่าแท็ก Google ของคุณสร้างขึ้นใน Google Analytics ตั้งแต่แรก คำนำหน้า "AW" หมายความว่าเดิมทีแท็ก Google ของคุณสร้างขึ้นใน Google AdWords รหัสทั้ง 2 รายการเป็นรหัสแท็กเวอร์ชันต่างๆ และใช้แทนกันได้ ดังนั้นหากเห็นรหัสที่มีคำนำหน้าอย่างใดอย่างหนึ่ง คุณก็ไม่จำเป็นต้องเพิ่มรหัสที่มีคำนำหน้าอีกอย่าง ดูข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่ารหัสแท็ก

Google Tag Manager

หน้าเว็บที่กำหนดค่าด้วย Tag Manager จะมีแท็กคอนเทนเนอร์ที่ติดตั้งอยู่ ซึ่ง มีลักษณะคล้ายกับตัวอย่างต่อไปนี้ คุณสามารถระบุรหัสคอนเทนเนอร์ Tag Manager ได้โดยตรวจสอบโค้ดคอนเทนเนอร์ รหัสคอนเทนเนอร์จะขึ้นต้นด้วย "GTM-" ดูตัวอย่างการวางรหัสคอนเทนเนอร์ต่อไปนี้

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<:!-- End Google Tag Manager -->

เมื่อได้รหัสคอนเทนเนอร์แล้ว ให้เปิดหน้าจอบัญชี Google Tag Manager แล้วคลิก search เพื่อค้นหารหัสนี้ จากนั้นคุณจะตรวจสอบ[การกำหนดค่าแท็ก ทริกเกอร์ และตัวแปร]การกำหนดค่าแท็กสําหรับเว็บไซต์ได้