Microsoft Clarity ฟรีจริงไหม มีค่าใช้จ่ายแอบแฝงหรือเปล่า?

ฟรีจริงครับ ในหน้าคำถามที่พบบ่อยของ Microsoft Clarity เขียนไว้ว่าเป็นบริการฟรีตลอดไป ไม่มีเพดานจำนวนผู้เข้าชม ไม่บังคับอัปเกรด และสมัครได้โดยไม่ต้องใช้บัตรเครดิต ข้อจำกัดที่ควรรู้คือบันทึกได้สูงสุด 100,000 session ต่อโปรเจกต์ต่อวัน ซึ่งเว็บธุรกิจขนาดเล็กแทบไม่มีทางใช้ถึง และคลิปทั่วไปจะเก็บไว้ 30 วัน ถ้าเจอคลิปสำคัญให้กดติดดาวเก็บไว้ครับ

ติด Clarity แล้วเว็บจะโหลดช้าลงไหม?

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

ใช้ Clarity บันทึกการใช้งานเว็บของลูกค้า ต้องปิดบังข้อมูลอะไรบ้างก่อนเริ่ม?

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

Rage click กับ dead click ต่างกันยังไง?

Rage click คือการกดรัว ๆ หลายครั้งในจุดเดียวกันอย่างรวดเร็ว เหมือนกดปุ่มลิฟต์ตอนลิฟต์ไม่มา เป็นสัญญาณว่าคนกำลังหงุดหงิด ส่วน dead click คือกดแล้วไม่มีอะไรเกิดขึ้นเลย หน้าจอไม่เปลี่ยนและไม่ไปหน้าไหน มักเกิดกับรูปหรือข้อความที่หน้าตาเหมือนกดได้แต่กดไม่ได้ ทั้งสองอย่างเป็นป้ายที่ Clarity ติดให้อัตโนมัติ ช่วยให้รู้ว่าคลิปไหนควรเปิดดูก่อนครับ

ควรดูคลิปใน Clarity กี่คลิปถึงจะพอ?

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

Clarity กับ GA4 ใช้ทำอะไรต่างกัน ต้องมีทั้งสองตัวไหม?

GA4 เก่งเรื่องตัวเลข บอกว่ามีคนเข้ามากี่คน มาจากช่องทางไหน และกี่คนทำสิ่งที่เราอยากให้ทำ ส่วน Clarity ให้เห็นภาพว่าคนเหล่านั้นทำอะไรบนหน้าเว็บ เลื่อนไปถึงไหน และติดตรงไหน สองตัวนี้ทำคนละหน้าที่และใช้คู่กันได้ดีครับ ถ้าเริ่มทีละตัว ให้เลือกจากคำถามที่อยากรู้ก่อนว่าเป็นเรื่องจำนวนหรือเป็นเรื่องพฤติกรรม

Microsoft Clarity คืออะไร ดูคลิปลูกค้าใช้เว็บจริง รู้ว่าติดตรงไหน

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

สมุดบัญชีบอกว่าลูกค้าหายไป กล้องวงจรปิดบอกว่าหายไปตรงไหน

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

ลองตอบสามคำถามนี้ดูก่อน ใช้เวลาไม่ถึงห้านาที

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

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

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

Microsoft Clarity ทำอะไรให้เราเห็นบ้าง

Clarity เป็นเครื่องมือฟรีของ Microsoft ที่ติดตั้งด้วยโค้ดสั้น ๆ ชุดเดียวบนเว็บ พอติดแล้วมันจะเก็บว่าผู้เข้าชมแต่ละคนเลื่อน คลิก และขยับบนหน้าเว็บยังไง แล้วนำมาแสดงให้ดูได้สองแบบใหญ่ ๆ คือคลิปย้อนหลังรายคน กับภาพรวมแบบแผนที่ความร้อน

Session recording คลิปย้อนหลังของผู้เข้าชมทีละคน

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

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

Heatmap ภาพรวมว่าคนทั้งหมดกดและเลื่อนไปถึงไหน

ถ้าคลิปคือการดูลูกค้าทีละคน heatmap ก็คือการเอาทุกคนมาซ้อนกันบนหน้าเดียว ตามเอกสารของ Microsoft เรื่อง heatmap Clarity มีหลายแบบ แต่สองแบบที่เจ้าของธุรกิจใช้บ่อยที่สุดคือ click map ที่ระบายสีตรงจุดที่คนกดเยอะ กับ scroll map ที่บอกเป็นเปอร์เซ็นต์ว่าผู้เข้าชมกี่ส่วนเลื่อนลงไปถึงแต่ละช่วงของหน้า พร้อมเส้น average fold ที่บอกว่าก่อนเริ่มเลื่อน คนส่วนใหญ่เห็นหน้าเว็บได้ลึกแค่ไหน

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

สัญญาณหงุดหงิดที่ Clarity จับให้อัตโนมัติ

ส่วนที่ผมชอบที่สุดของ Clarity คือเราไม่ต้องนั่งดูคลิปทุกคลิปเพื่อหาจุดที่มีปัญหา เพราะระบบติดป้ายให้คลิปที่มีพฤติกรรมบางแบบไว้แล้ว ตามหน้า Semantic metrics ในเอกสารของ Microsoft Clarity มีสี่ตัวที่ควรรู้จัก

Rage click คือการที่ผู้เข้าชมกดหลายครั้งติด ๆ กันเร็ว ๆ ในบริเวณเดียวกัน เหมือนคนกดปุ่มลิฟต์รัว ๆ ตอนลิฟต์ไม่มา Microsoft อธิบายว่าเป็นสัญญาณแรงว่าผู้ใช้กำลังหงุดหงิด และมักเกิดตรงจุดที่เขาคาดว่าจะกดได้

Dead click คือการกดบางอย่างแล้วไม่มีอะไรตอบสนองภายในเวลาที่ควรจะเป็น หน้าจอไม่เปลี่ยน ไม่พาไปหน้าไหน ต้นเหตุอาจเป็นปุ่มเสีย ระบบตอบช้า หรือหน้าตาของสิ่งนั้นชวนให้เข้าใจผิดว่ากดได้ บนเว็บ SME ที่ผมเจอบ่อยที่สุดคือรูปสินค้าที่คนคิดว่าจะขยายได้ กับตัวหนังสือสีฟ้าที่ไม่ใช่ลิงก์

Quick back คือคนกดไปอีกหน้า แล้วรีบกลับมาหน้าเดิมภายในเวลาสั้น ๆ แปลว่าหน้าที่เขากดไปไม่ใช่สิ่งที่เขาคาดไว้ เช่นกดเมนู "บริการ" แล้วเจอหน้าเกี่ยวกับบริษัท

Excessive scrolling คือเลื่อนขึ้นลงมากกว่าค่าเฉลี่ยผิดปกติ ซึ่งมักแปลว่ากำลังหาอะไรบางอย่างแล้วหาไม่เจอ

สี่ตัวนี้ไม่ได้บอกคำตอบให้เราครับ มันบอกแค่ว่าคลิปไหนควรเปิดดูก่อน ซึ่งช่วยประหยัดเวลาได้มหาศาล

ตัวเลขที่ควรรู้ก่อนตัดสินใจติดตั้ง

คำถามแรกที่เจ้าของธุรกิจถามผมเสมอคือ ฟรีจริงเหรอ ในหน้า คำถามที่พบบ่อยของ Microsoft Clarity ซึ่งอัปเดตล่าสุดเดือนกันยายน 2569 Microsoft เขียนไว้ว่า Clarity ฟรีตลอดไป ไม่มีเพดานจำนวนผู้เข้าชม ไม่บังคับให้อัปเกรดเป็นแบบเสียเงิน และสมัครได้โดยไม่ต้องใช้บัตรเครดิต ในหน้าเดียวกันระบุว่าระบบบันทึกได้สูงสุด 100,000 session ต่อโปรเจกต์ต่อวัน ซึ่งสำหรับเว็บธุรกิจขนาดเล็กแทบทั้งหมด ตัวเลขนี้เกินกว่าที่จะใช้ถึงไปไกลมาก

อีกเรื่องที่ต้องรู้คือข้อมูลไม่ได้อยู่ตลอดไป Microsoft ระบุว่าคลิปจะเก็บไว้ 30 วันนับจากวันที่บันทึก ยกเว้นคลิปที่เรากดติดดาวเป็น Favorite และคลิปที่ระบบสุ่มเก็บไว้ ซึ่งจะอยู่ได้ถึง 9 เดือน ส่วน heatmap ย้อนดูได้ถึง 9 เดือน ความหมายในทางปฏิบัติคือ ถ้าเจอคลิปที่อธิบายปัญหาได้ชัด ให้กดติดดาวเก็บไว้เลย ไม่อย่างนั้นอีกเดือนเดียวก็หายแล้ว

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

ก่อนกดบันทึกใคร ต้องตั้งค่าเรื่องความเป็นส่วนตัวก่อน

ตรงนี้ผมขอให้น้ำหนักมากที่สุดในบทความครับ เพราะคำถามที่ตามมาทันทีหลังจากคนรู้ว่ามีเครื่องมือแบบนี้คือ "แบบนี้เราแอบดูลูกค้าหรือเปล่า"

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

Masking การปิดบังข้อความก่อนข้อมูลออกจากเครื่องลูกค้า

ตามหน้า Masking content ในเอกสารของ Microsoft Clarity ระบบมีโหมดปิดบังสามระดับ ค่าเริ่มต้นคือ Balanced ซึ่งปิดบังเฉพาะข้อมูลที่ระบบจัดว่าอ่อนไหว คือตัวเลขและอีเมล โหมด Strict ปิดบังข้อความทั้งหมดบนหน้า และโหมด Relaxed ไม่ปิดบังข้อความทั่วไปเลย ที่น่าอุ่นใจคือไม่ว่าจะเลือกโหมดไหน สิ่งที่คนพิมพ์ลงในช่องกรอกข้อมูลและตัวเลือกในเมนูแบบดรอปดาวน์จะถูกปิดบังเสมอ และ Microsoft ระบุว่าเนื้อหาที่ถูกปิดบังจะไม่ถูกอัปโหลดขึ้น Clarity เลย

สำหรับเว็บธุรกิจทั่วไป ผมแนะนำให้อย่าเปลี่ยนเป็น Relaxed เพียงเพราะอยากอ่านข้อความในคลิปให้ชัด ถ้าเว็บของคุณแสดงข้อมูลส่วนตัวของลูกค้าบนหน้าจอ เช่นหน้าติดตามออเดอร์ที่มีชื่อและที่อยู่ ให้ใช้ Strict หรือให้คนทำเว็บเติม attribute data-clarity-mask="True" ไว้ที่ส่วนนั้น ซึ่งจะปิดบังทั้งกล่องและทุกอย่างข้างใน และจำไว้ด้วยว่าการเปลี่ยนโหมดมีผลกับคลิปใหม่เท่านั้น อาจใช้เวลาถึงหนึ่งชั่วโมงกว่าจะมีผล และย้อนไปแก้คลิปที่บันทึกไปแล้วไม่ได้ จึงควรตั้งก่อนเปิดใช้จริง ไม่ใช่หลังจากเห็นอะไรที่ไม่ควรเห็นแล้ว

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

คุกกี้และความยินยอมของผู้เข้าชม

ในหน้าคำถามที่พบบ่อย Microsoft ตอบคำถามว่าต้องแจ้งผู้ใช้เรื่องคุกกี้ที่ Clarity ใช้หรือไม่ ด้วยคำว่า "Yes" สั้น ๆ คำเดียว และในเอกสารเรื่อง Consent Mode อธิบายว่าเราตั้งค่าให้ Clarity ยังไม่ตั้งคุกกี้จนกว่าผู้เข้าชมจะให้ความยินยอมได้ โดยไปที่ Settings แล้วเข้า Setup แล้วปิดการตั้งคุกกี้เป็นค่าเริ่มต้น เมื่อผู้เข้าชมไม่ยินยอม Clarity จะทำงานแบบจำกัด ไม่ใช้คุกกี้ และมองแต่ละการเปิดหน้าเป็นคนละ session ทำให้คลิปขาดเป็นท่อน ๆ ตามหน้า ส่วนคนที่กดยอมรับ ระบบถึงจะตามต่อข้ามหน้าได้ ถ้าเว็บคุณมีแบนเนอร์ขอความยินยอมอยู่แล้ว ให้คนทำเว็บส่งสัญญาณนั้นต่อให้ Clarity ผ่าน Consent API ที่ Microsoft ทำไว้

Microsoft เริ่มบังคับให้ส่งสัญญาณความยินยอมสำหรับผู้เข้าชมจากเขตเศรษฐกิจยุโรป สหราชอาณาจักร และสวิตเซอร์แลนด์ ตั้งแต่ 31 ตุลาคม 2568 สำหรับผู้เข้าชมจากที่อื่น Microsoft ยังไม่บังคับ แต่แนะนำให้ส่งสัญญาณไว้ก่อน ตรงนี้ต้องแยกให้ชัดนะครับ นั่นคือเงื่อนไขของตัวเครื่องมือ ไม่ได้เป็นคำตอบว่ากฎหมายไทยกำหนดอะไร

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

"ไม่มีเวลามานั่งดูคลิปคนอื่นหรอก"

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

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

สิบคลิปแรกที่ควรดู

ใน Clarity มีตัวกรองให้เลือกคลิปตามหน้าที่เข้าชม ตามอุปกรณ์ และตามป้ายพฤติกรรมอย่าง rage click หรือ dead click สูตรที่ผมใช้กับเว็บธุรกิจขนาดเล็กคือแบ่งสิบคลิปเป็นห้ากลุ่มแบบนี้ครับ

สามคลิปแรก ให้กรองหาคนที่เข้าหน้าราคาหรือหน้าติดต่อ แต่ออกไปโดยไม่ได้กดปุ่ม LINE หรือโทร คนกลุ่มนี้คือคนที่มาใกล้ที่สุดแล้ว ดูว่าเขาหยุดอ่านตรงไหนเป็นจุดสุดท้าย

สองคลิปถัดมา กรองหาคลิปที่มี rage click ดูว่าเขากดรัวตรงอะไร บ่อยครั้งจะเป็นปุ่มที่โหลดช้าบนมือถือ หรือรูปที่เขาอยากขยายดู

อีกสองคลิป กรองหา dead click ในหน้าที่สำคัญที่สุดของคุณ ถ้าเห็นคนหลายคนจิ้มสิ่งเดียวกันที่ไม่ได้เป็นลิงก์ นั่นคือสิ่งที่ลูกค้าบอกคุณว่า "ตรงนี้ควรกดได้"

อีกสองคลิป เลือกคนที่ใช้มือถือเข้าหน้าแรก แล้วดูเฉย ๆ ว่าเขาไปถึงไหน คลิปกลุ่มนี้ทำให้เห็นภาพจริงของลูกค้าส่วนใหญ่ของ SME ไทยที่เปิดเว็บจากมือถือ

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

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

ทำไมติดตั้งวันนี้ได้เปรียบกว่ารอ

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

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

เวอร์ชันขั้นต่ำที่ทำได้ภายในบ่ายเดียว

ไม่ต้องทำครบทุกฟีเจอร์ครับ สิ่งที่ผมถือว่าพอสำหรับเริ่มต้นคือ สมัคร Clarity ด้วยบัญชีของธุรกิจเอง ติดโค้ดให้ครอบทุกหน้าของเว็บ ตั้งโหมดปิดบังเป็น Balanced หรือ Strict แล้วใส่ attribute ปิดบังในส่วนที่แสดงข้อมูลส่วนตัว ตั้งค่าเรื่องคุกกี้ให้สอดคล้องกับแบนเนอร์ขอความยินยอมที่เว็บมี และเพิ่มสมาชิกในทีมที่ต้องดูคลิปในฐานะ member ธรรมดา ไม่ใช่ admin

ถ้าเว็บคุณทำด้วยระบบสำเร็จรูป ส่วนใหญ่จะมีช่องให้วางโค้ดติดตาม ถ้าเว็บเขียนโค้ดเอง คนทำเว็บของคุณใช้เวลาไม่นาน สิ่งที่สำคัญกว่าการติดตั้งคือการเช็กว่ามันทำงานจริงบนเว็บที่ลูกค้าเห็น ตอนทีมเราทำเว็บตัวเองใหม่ในปี 2569 เราเคยเจอกรณีที่แท็กวัดผลโฆษณาขึ้นไปพร้อมเว็บเรียบร้อย แต่วางอยู่ผิดที่ จึงยังไม่ได้ทำงานบนเว็บจริงไปราวหนึ่งสัปดาห์หลังเริ่มยิงโฆษณา คลิกเข้ามาแต่ไม่มีอะไรถูกนับเลย บทเรียนที่ได้คือ อย่าเชื่อว่าติดแล้ว ให้เปิดเว็บจากมือถือตัวเอง แล้วรอดูว่า session ของตัวเองโผล่ใน Clarity จริงไหม ซึ่ง Microsoft บอกว่าคลิปจะเริ่มปรากฏทันทีหลังติดโค้ด

ตัวอย่างจริงที่เปิดดูได้

ถ้าอยากเห็นหน้าตาก่อนติดตั้ง บนเว็บ clarity.microsoft.com มีเดโมให้ลองเปิดดู dashboard คลิป และ heatmap ของจริงได้โดยไม่ต้องสมัคร แนะนำให้ลองเปิด scroll map ในเดโมดูสักหน้า แล้วจะเข้าใจทันทีว่าทำไมผมถึงให้ความสำคัญกับมันมาก

ส่วนเคสที่ใกล้กับเว็บธุรกิจขนาดเล็กที่สุดที่ผมหาเจอ คือ กรณีศึกษาของเอเจนซี Onward ที่ Microsoft เผยแพร่ไว้เมื่อธันวาคม 2568 เว็บที่เขาดูแลเป็นของบริษัทชื่อ Deep Forestry ซึ่งมีคนเข้าเว็บที่ตรงกลุ่มอยู่แล้วแต่แปลงเป็นลูกค้าได้น้อย พอเปิด heatmap ดูก็เห็นว่าคนไปกดวนอยู่รอบ ๆ ปุ่มท้ายหน้า ที่มีปุ่มแข่งกันอยู่สามปุ่ม คือ "Book a Demo" สองปุ่มกับ "Contact Us" อีกหนึ่งปุ่ม ทีมจึงรวมทั้งหมดเป็นฟอร์มติดต่ออันเดียว และเปลี่ยนคำบนลิงก์ในเมนูนำทางเป็น "Book a Free Consultation" ให้ตรงกับบริการจริง

ตามที่ Microsoft รายงาน สัดส่วน dead click ลดลงจาก 9.5% เหลือ 0.5% และได้การนัดปรึกษาใหม่ 40 ครั้งในสี่เดือน ต้องบอกตามตรงว่านี่เป็นเคสจากต่างประเทศที่ผู้ผลิตเครื่องมือเลือกมาเผยแพร่เอง ไม่ได้เป็นข้อมูลของตลาดไทย และในช่วงเดียวกันจำนวน session ของเว็บก็เพิ่มขึ้นถึง 85% ด้วย ผมจึงไม่อยากสรุปว่าการนัดทั้ง 40 ครั้งมาจากการแก้ปุ่มอย่างเดียว สิ่งที่เคสนี้พิสูจน์ได้ชัดคือตัวเลข dead click ที่ลดลง ซึ่งเป็นผลโดยตรงของการแก้ ส่วนบทเรียนที่ผมเอาไปใช้ได้กับเว็บ SME ไทยแทบทุกเว็บคือ ปุ่มติดต่อที่แข่งกันหลายปุ่ม ทำให้คนลังเลมากกว่าช่วยให้ตัดสินใจ

แผนห้าขั้นสำหรับสัปดาห์นี้

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

วัดผลยังไงว่าแก้แล้วดีขึ้นจริง

ให้เลือกตัวเลขที่ผูกกับเรื่องที่แก้ตรง ๆ ครับ ถ้าแก้ปุ่มที่คนจิ้มแล้วไม่เกิดอะไร ให้ดูสัดส่วน dead click ของหน้านั้นก่อนและหลังแก้ เหมือนที่เคส Onward ใช้ ถ้าย้ายปุ่มติดต่อขึ้นมาให้สูงขึ้น ให้ดู scroll map ว่าสัดส่วนคนที่เห็นปุ่มเพิ่มขึ้นกี่เปอร์เซ็นต์ และถ้าอยากรู้ว่ามีคนกดปุ่ม LINE มากขึ้นไหม ใน Clarity ตั้ง Smart events ให้นับการกดปุ่มสำคัญได้โดยไม่ต้องเขียนโค้ดเพิ่ม

อีกหนึ่งตัวชี้วัดที่ไม่มีเครื่องมือไหนนับให้ได้ คือคำพูดของลูกค้าเอง ทีมขายของเราถามลูกค้าใหม่ทุกคนที่โทรหรือทัก LINE มาว่า "เจอเราจากไหน ค้นคำว่าอะไร" เพราะบทสนทนาใน LINE ไม่มีเครื่องมือตัวไหนมองเห็น การมีเครื่องมือกับสมุดจดของคนทำงานคู่กัน ทำให้เห็นภาพครบกว่ามี Clarity อย่างเดียว ส่วนเครื่องมืออย่าง GA4 จะบอกคุณว่ามีคนมากี่คนและมาจากไหน ซึ่งเป็นคนละหน้าที่กับ Clarity และใช้คู่กันได้ดี

กลับมาที่กล้องวงจรปิดในร้าน

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

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

ช่องทางการติดตาม TumWebSME

ติดตามสาระความรู้เรื่องการทำเว็บไซต์และการตลาดออนไลน์ได้ที่:

Facebook: TumWebSME รับทำเว็บไซต์ธุรกิจ
Instagram: @tumwebsme
TikTok: @tumwebsme
YouTube: TumWebSME

ติดต่องานและสอบถามบริการ

088-983-9386 (คุณพลอย)
099-856-3198 (คุณแสนนาน)