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

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

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

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

ผู้ช่วยแท็ก

ผู้ช่วยแท็กของ 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 – ใช้เพื่อดูว่ามีการสร้างโค้ดชั้นข้อมูลแล้วหรือไม่ รวมถึงการเรียก 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 แท็ก Google รายการเดียวมีรหัสแท็กได้หลายรหัส ตัวอย่างเช่น หากคุณใช้ Google Ads แท็กของคุณจะมีรหัส 2 รายการ ได้แก่ รหัสเดิม (AW) และรหัสแท็ก Google (GT) หน้าจอแสดงแท็ก Google ภายใน Google Ads ที่มีรหัสแท็ก 2 รายการ รหัสแท็กใช้แทนกันได้ ตารางต่อไปนี้แสดงภาพรวมของแท็กที่เข้ากันได้กับแท็ก Google
คำนำหน้า ประเภทรหัส คำอธิบาย
GT-XXXXXX แท็ก Google แท็ก Google ที่สร้างขึ้นใหม่แต่ละรายการจะมีคำนำหน้า GT และรหัสที่ไม่ซ้ำกัน
G-XXXXXX แท็ก Google (คำนำหน้าเดิม) แท็ก Google Analytics 4 คือแท็ก Google ที่มีคำนำหน้า G และรหัสที่ไม่ซ้ำกัน
AW-XXXXXX แท็ก Google (คำนำหน้าเดิม) แท็ก Google Ads คือแท็ก Google ที่มีคำนำหน้า AW และรหัสที่ไม่ซ้ำกัน
DC-XXXXXX แท็ก Google (คำนำหน้าเดิม) แท็ก Google Floodlight คือแท็ก Google ที่มีคำนำหน้า DC และรหัสที่ไม่ซ้ำกัน
แท็ก Universal Analytics (UA) ไม่เข้ากันกับแท็ก Google (GT)

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

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 แล้ว คลิก เพื่อค้นหารหัสดังกล่าว จากนั้นคุณจะตรวจสอบ[การกำหนดค่าแท็ก ทริกเกอร์ และตัวแปร]การกำหนดค่าแท็กสำหรับเว็บไซต์ได้