เพิ่ม gtag.js ลงในเว็บไซต์

แท็ก Google (gtag.js) เป็นเฟรมเวิร์กการติดแท็ก JavaScript และ API ที่ช่วยให้คุณส่งข้อมูลเหตุการณ์ไปยัง Google Analytics, Google Ads และ Google Marketing Platform ได้ หน้านี้จะอธิบายวิธีใช้ gtag.js เพื่อกำหนดค่าเว็บไซต์สำหรับ Google Analytics โปรดอ่านคู่มือนักพัฒนาซอฟต์แวร์ gtag.js เพื่ออ่านเอกสาร gtag.js ทั่วไป (ที่ไม่ใช่ผลิตภัณฑ์เฉพาะ)

ติดตั้งแท็ก Google

หากต้องการติดตั้งแท็ก Google ให้คัดลอกโค้ดต่อไปนี้และวางไว้หลังแท็ก <head> ในทุกหน้าของเว็บไซต์ ใส่รหัสของพร็อพเพอร์ตี้ Google Analytics ที่ต้องการส่งข้อมูลแทน GA_TRACKING_ID คุณต้องมีข้อมูลโค้ดเพียง 1 รายการต่อหน้า

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

  gtag('config', 'GA_TRACKING_ID');
</script>

ข้อมูลโค้ดนี้จะโหลดไลบรารี gtag.js สร้าง GA_TRACKING_ID เป็นรหัสพร็อพเพอร์ตี้เริ่มต้นของ Google Analytics และส่ง Hit การดูหน้าเว็บไปยัง Google Analytics

ปิดใช้การวัดการดูหน้าเว็บ

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

gtag('config', 'GA_TRACKING_ID', { 'send_page_view': false });

กําหนดค่าพร็อพเพอร์ตี้ Google Analytics เพิ่มเติม

โดยค่าเริ่มต้น ข้อมูลโค้ดจะกําหนดค่าพร็อพเพอร์ตี้ Google Analytics รายการเดียว หากต้องการกำหนดค่าพร็อพเพอร์ตี้ Google Analytics รายการที่ 2 ด้วยรหัสติดตาม GA_TRACKING_ID_2 ให้เพิ่มคำสั่ง config อีกดังนี้

gtag('config', 'GA_TRACKING_ID_2');