Google ให้จาวาสคริปต์กับฉันและบอกให้ฉันรวมไว้ในไฟล์<head>.
ฉันสามารถใส่ไว้ในตอนท้าย<body>หรือผลข้างเคียงบางอย่างจะเกิดขึ้นได้หรือไม่ถ้าฉันทำเช่นนั้น?
คำตอบ:
การวางไว้ที่ส่วนท้ายของ<head>ส่วนช่วยให้แน่ใจว่าเมตริกของคุณจะได้รับการติดตามแม้ว่าผู้ใช้จะไม่ยอมให้โหลดหน้าเว็บจนเสร็จ
พวกเขาเคยบอกให้คุณวางไว้ที่ด้านล่างของหน้าก่อนที่จะเพิ่มการรองรับสำหรับการจัดการการโหลดหน้าบางส่วน
โดยตรงจาก Google:
ข้อดีหลักอย่างหนึ่งของตัวอย่างข้อมูลอะซิงโครนัสคือคุณสามารถวางตำแหน่งไว้ที่ด้านบนสุดของเอกสาร HTML ได้ ซึ่งจะเพิ่มความเป็นไปได้ที่บีคอนติดตามจะถูกส่งก่อนที่ผู้ใช้จะออกจากหน้า เป็นเรื่องปกติที่จะต้องวางโค้ด JavaScript ใน
<head>ส่วนและเราขอแนะนำให้วางข้อมูลโค้ดไว้ที่ด้านล่างของส่วนเพื่อประสิทธิภาพที่ดีที่สุด
ดูความช่วยเหลือของ Google Analytics : เพิ่มโค้ดติดตามลงในไซต์ของคุณโดยตรง
<head>หน้าที่เชื่อมโยงกับตอนนี้ว่า"เพิ่มแท็กต่อจากแท็กเปิด <head> ในแต่ละหน้า"
คุณสามารถใส่ได้ทุกที่ที่คุณต้องการ ฉันมักจะใส่รหัสติดตามที่ส่วนท้ายของหน้าและไม่เคยมีปัญหาใด ๆ
คุณสามารถวางไว้ที่ใดก็ได้ที่คุณต้องการบนหน้าและจะเรียกใช้ที่ใดก็ได้บนหน้าไม่ว่าจะอยู่ในส่วนหัวหรือส่วนลำตัว แต่ตามการสนับสนุนของ Google ( เพิ่มโค้ดติดตามลงในไซต์ของคุณโดยตรง ) ขอแนะนำให้วางโค้ดดังกล่าวไว้ในแท็ก head โดยวางไว้หน้า</head>แท็กปิด
ย่อหน้าต่อจากบทความดีๆที่อธิบายว่าทำไมต้องใส่โค้ดใน head tag
การดูหน้าเว็บจะถูกบันทึกหลังจากโหลดโค้ดนั้นแล้วเท่านั้น ดังนั้นยิ่งคุณโหลดโค้ดเร็วเท่าไหร่การบันทึกเพจวิวก็จะเร็วขึ้นเท่านั้น สมมติว่าคุณมีหน้าบล็อกขนาดใหญ่และเป็นหน้าบล็อกที่โหลดช้าใช้เวลา 10 ถึง 20 วินาทีในการโหลดทุกอย่าง หาก Google Code ของคุณไม่เริ่มต้นจนถึงส่วนท้ายของหน้าโค้ดอาจถูกระงับเช่นเดียวกับโค้ดที่ไม่ใช่อะซิงโครนัสแบบเก่าที่ใช้ในการเก็บโค้ดบรรทัดอื่น ๆ ยกเว้นตอนนี้กำลังถือรหัสติดตาม หากผู้เยี่ยมชมไซต์ของคุณเข้าชมหน้าเว็บและจากนั้นออกไปก่อนที่โค้ดติดตามจะเริ่มการเปิดดูหน้าเว็บคุณจะสูญเสียผู้เข้าชมรายนั้นไป ตอนนี้พวกเขากลายเป็นการเยี่ยมชมโดยตรงใหม่ในทุกหน้าของไซต์ที่พวกเขาเข้ามา ซึ่งอาจทำให้ข้อมูลทุกประเภทในไซต์ของคุณไม่ถูกต้อง
ในส่วนหัวก่อนแท็กปิด </ head> คุณจะไม่มีปัญหาในการยืนยันเว็บไซต์ของคุณในเครื่องมือของผู้ดูแลเว็บ
การเพิ่มโค้ดต่อไปนี้ (เรียกว่า "ข้อมูลโค้ดการติดตาม JavaScript") ลงในเทมเพลตของไซต์ของคุณเป็นวิธีที่ง่ายที่สุดในการเริ่มต้นใช้งาน analytics.js
ควรเพิ่มโค้ดใกล้กับด้านบนสุดของแท็กและก่อนแท็กสคริปต์หรือ CSS อื่น ๆ และควรแทนที่สตริง "UA-XXXXX-Y" ด้วยรหัสคุณสมบัติ (หรือเรียกว่า "รหัสติดตาม") ของ Google Analytics ทรัพย์สินที่คุณต้องการติดตาม
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->รหัสด้านบนทำสี่สิ่งหลัก:
สร้างองค์ประกอบที่เริ่มดาวน์โหลดไลบรารี JavaScript analytics.js แบบอะซิงโครนัสจากhttps://www.google-analytics.com/analytics.js
เริ่มต้นฟังก์ชัน ga ส่วนกลาง (เรียกว่าคิวคำสั่ง ga () ที่อนุญาตให้คุณกำหนดเวลาคำสั่งที่จะรันเมื่อไลบรารี analytics.js โหลดและพร้อมใช้งาน
เพิ่มคำสั่งให้กับคิวคำสั่ง ga () เพื่อสร้างอ็อบเจ็กต์ตัวติดตามใหม่สำหรับคุณสมบัติที่ระบุผ่านพารามิเตอร์ "UA-XXXXX-Y"
เพิ่มคำสั่งอื่นในคิวคำสั่ง ga () เพื่อส่งการดูหน้าเว็บไปยัง Google Analytics สำหรับหน้าปัจจุบัน
Array.pushฟังก์ชันที่ถูกผูกไว้ ga"ฟังก์ชั่น" pushเป็นทั้งที่ถูกผูกไว้ ดังนั้นการเรียกใช้ในทันทีสามารถปรับให้เหมาะสมได้: แทนที่จะสร้างอาร์เรย์ว่างหากไม่พบ ( []) ให้เติมอาร์เรย์ "อาร์กิวเมนต์" สำหรับการgaเรียกแต่ละครั้ง: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]…
คุณควรเพิ่มโค้ดที่ด้านบนของแท็กและก่อนแท็กสคริปต์หรือ CSS อื่น ๆ เสมอและ'UA-XXXXX-Y'ควรแทนที่สตริงด้วยพร็อพเพอร์ตี้ID(หรือเรียกว่า "รหัสติดตาม") ของพร็อพเพอร์ตี้ Google Analytics ที่คุณต้องการติดตาม