แท็กที่กำหนดเอง — กรองฮีทแมปตามตัวแปร A/B Test ของคุณเอง

HeatMapX Engineering Team3 min read
  • tags
  • heatmap
  • ab-testing
  • mcp

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

ฟีเจอร์นี้เกิดจากคำขอของลูกค้าว่า "A/B test ของเรารันอยู่ในโค้ดของเราเองอยู่แล้ว เราแค่อยากดูฮีทแมปแยกตามตัวแปร" ฟีเจอร์นี้ไม่ได้จำกัดแค่ A/B test เท่านั้น ไม่ว่าจะล็อกอินหรือไม่ สมาชิกใช้แพ็กเกจไหน มาจากแคมเปญไหน — สิ่งใดก็ตามที่เว็บไซต์ของคุณรู้อยู่แล้วเกี่ยวกับผู้เข้าชม สามารถกลายเป็นเซกเมนต์ได้

วิธีใช้งาน

เพิ่มโค้ดต่อไปนี้ในหน้าใดก็ได้ที่มีแท็กติดตามอยู่แล้ว โค้ดนี้ทำงานได้ทั้งก่อนและหลังแท็กติดตาม (การเรียกที่เกิดก่อนจะถูกจัดคิวไว้และนำไปใช้ทันทีที่แท็กโหลดเสร็จ)

<script>
  window.hmx = window.hmx || function(){ (window.hmx.q = window.hmx.q || []).push(arguments) };
  hmx('set', 'ab_variant', 'B');
</script>

หากเซิร์ฟเวอร์ของคุณเป็นผู้สร้าง HTML คุณสามารถส่งแท็กทั้งหมดมาพร้อมกันก่อนแท็กติดตามได้เช่นกัน

<script>window.heatmapxTags = { ab_variant: 'B', plan: 'pro' };</script>

แท็กจะคงอยู่เมื่อผู้เข้าชมเปลี่ยนหน้าภายในแท็บเบราว์เซอร์เดียวกัน ดังนั้นตั้งค่าเพียงครั้งเดียวตอนเริ่มการเข้าชมก็เพียงพอ ใช้ hmx('unset', 'ab_variant') เพื่อลบแท็ก

การกรองในแดชบอร์ด

เปิดเว็บไซต์ แล้วเปิดฮีทแมปของหน้าใดหน้าหนึ่ง เมนูแบบเลื่อนลง "แท็ก" จะปรากฏที่แถวตัวกรองด้านบนขวา ข้างๆ ตัวกรองประเภทอุปกรณ์ แต่ละตัวเลือกจะแสดง key, value และจำนวนเซสชัน เช่น ab_variant = B (128) เลือกหนึ่งตัวเลือก แล้วฮีทแมปการคลิก การเลื่อนหน้าจอ และการเคลื่อนไหวเมาส์จะถูกวาดใหม่เฉพาะเซกเมนต์นั้น

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

การกรองผ่าน MCP server

MCP server ซึ่งใช้งานจาก Claude และเครื่องมือ AI อื่นๆ รองรับแท็กแล้วเช่นกัน

  • ส่ง tags: { "ab_variant": "B" } ไปยัง get_heatmap_summary เพื่อรับสรุปข้อมูลของเซกเมนต์นั้น หลาย key จะถูกรวมกันด้วยเงื่อนไข AND
  • เครื่องมือใหม่ list_tags จะคืนค่ารายการ key และ value ที่พบในเว็บไซต์

กฎการใช้งาน

  • Key: ตัวอักษรพิมพ์เล็ก ตัวเลข _ และ - ความยาว 1 ถึง 32 ตัวอักษร (ตัวพิมพ์ใหญ่จะถูกแปลงเป็นตัวพิมพ์เล็กโดยอัตโนมัติ) Value: ความยาว 1 ถึง 64 ตัวอักษร เก็บได้สูงสุด 10 key พร้อมกัน
  • ห้ามใส่ข้อมูลส่วนบุคคลลงใน value เช่น ที่อยู่อีเมล user ID หรือหมายเลขคำสั่งซื้อ ค่าที่มีทั้ง @ และ . จะไม่ถูกบันทึก
  • เก็บ value ที่แตกต่างกันได้สูงสุด 50 ค่าต่อ key ในช่วง 30 วันที่ผ่านมา value ใหม่ที่เกินจำนวนนี้จะถูกละเว้น
  • หากคุณไม่ใช้แท็ก ข้อมูลที่ส่งจะไม่มีการเปลี่ยนแปลงใดๆ

แผนราคา

ใช้ได้ใน ทุกแพ็กเกจ รวมถึงแพ็กเกจฟรี

ขอบเขตผลกระทบ

ใช้แท็กติดตามที่มีอยู่เดิมตามปกติ เว็บไซต์ที่ไม่ได้ตั้งค่าแท็กจะไม่ได้รับผลกระทบใดๆ สคริปต์ติดตาม (tracker.js) จะถูกแคชไว้ในเบราว์เซอร์นานสูงสุด 24 ชั่วโมง ดังนั้นหลังการติดตั้งใหม่ๆ ผู้เข้าชมที่กลับมาบางรายอาจได้รับการเปลี่ยนแปลงนี้ในวันถัดไป

Heatmap จาก Claude Code — เริ่มฟรี

วางแท็ก tracker หนึ่งบรรทัด รับการวิเคราะห์และข้อเสนอ CRO จาก CLI