คู่มือติดตั้ง

ให้ MousePlayer ทำงานบนเว็บไซต์ภายในไม่ถึง 2 นาที ไม่ต้องตั้งค่าซับซ้อน

1

ค้นหาทรัพยากร

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

คลิกปุ่ม </> โค้ด ในคอลัมน์การดำเนินการข้างโดเมนที่ต้องการติดตาม

แดชบอร์ด MousePlayer แสดงทรัพยากรผู้ใช้และปุ่มโค้ด
2

คัดลอกโค้ดติดตาม

กล่อง โค้ดติดตั้ง จะปรากฏ มีโค้ด JavaScript แบบอะซิงโครนัสเฉพาะทรัพยากร (เชื่อมด้วยตัวระบุเฉพาะ id)

คลิกปุ่ม คัดลอกโค้ด มุมขวาบนของบล็อกโค้ดเพื่อคัดลอกไปคลิปบอร์ด

กล่องโค้ดติดตั้งแสดงโค้ด JavaScript
3

วางโค้ดในเว็บไซต์

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

<!-- MousePlayer Tracking Code for lukaswojcik.com --> <script> (function(w, d, s, id) { w.mp_channelid = id; var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://www.mouseplayer.com/mp.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'YOUR_UNIQUE_ID_HERE'); </script>
4

ตรวจสอบการติดตั้ง

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

คำแนะนำนักพัฒนา: CMS และตัวจัดการแท็ก

หากใช้ WordPress วางโค้ดในไฟล์ของธีม header.php หรือใช้ปลั๊กอิน เช่น “Insert Headers and Footers” หากใช้ Google Tag Manager (GTM) ให้สร้าง Custom HTML Tag ใหม่ วางโค้ดและตั้งทริกเกอร์เป็น All Pages