Crazy Egg

นิยาม

Crazy Egg คือเครื่องมือวิเคราะห์พฤติกรรมผู้ใช้บนเว็บไซต์ (Behavioral Analytics Tool) ที่แสดงผลด้วยภาพ Heatmap, Scrollmap และ Click Tracking เพื่อให้เห็นว่า ผู้เข้าชมเว็บไซต์คลิกตรงไหน เลื่อนดูถึงจุดไหน และสะดุดตรงส่วนใดของหน้าเว็บ

พูดง่าย ๆ มันคือ "กล้องวงจรปิด" ของหน้า Landing Page ที่บอกคุณว่า ผู้ใช้จริงกำลังทำอะไรอยู่บนหน้าเว็บ ไม่ใช่แค่ตัวเลข Bounce Rate หรือ Session Duration แบบที่ Google Analytics บอก

สำหรับคนทำ DTC (Direct-to-Consumer) หรือร้านค้าออนไลน์ Crazy Egg มีประโยชน์มากเพราะช่วยตอบคำถามว่า

- ทำไมคนเข้าเยอะแต่ไม่กดซื้อ?

- ปุ่ม Add to Cart ควรวางตรงไหน?

- ลูกค้าเลื่อนดูรีวิวสินค้าจริงหรือไม่?

ให้เห็นภาพ

ลองนึกภาพว่าคุณเปิดร้านกาแฟหน้าร้าน

- Google Analytics = กล้องนับคนเดินผ่านหน้าร้าน บอกได้ว่ามีคนเข้ากี่คน อยู่กี่นาที

- Crazy Egg = กล้องวงจรปิดที่ดูได้ว่า ลูกค้าเดินไปหยุดตรงเคาน์เตอร์ไหน จ้องเมนูนานแค่ไหน แล้วเดินออกประตูโดยไม่สั่ง

Heatmap ของ Crazy Egg จะแสดงเป็น "จุดสี" ทับบนหน้าเว็บของคุณ

- สีแดง = จุดที่ถูกคลิกมากที่สุด

- สีส้ม/เหลือง = คลิกระดับกลาง

- สีน้ำเงิน/เขียว = คลิกน้อย

ส่วน Scrollmap จะบอกว่า ผู้ใช้เลื่อนดูหน้าเว็บลงมาถึงกี่เปอร์เซ็นต์ เช่น 80% ของคนเลื่อนถึงแค่ครึ่งหน้า แปลว่าเนื้อหาช่วงล่างแทบไม่มีใครเห็น

สูตรและตัวเลขที่ควรรู้

Crazy Egg วัดผลด้วยตัวชี้วัดหลักดังนี้

1. Click-Through Rate (CTR) ต่อ Element

CTR = (จำนวนคลิกที่ Element ÷ จำนวนผู้เข้าชมทั้งหมด) × 100

ตัวอย่าง: ปุ่ม "ซื้อเลย" ถูกคลิก 240 ครั้ง จากผู้เข้าชม 8,000 คน

CTR = (240 ÷ 8,000) × 100 = 3.0%

2. Scroll Reach Rate

Scroll Reach = (จำนวนคนที่เลื่อนถึงจุดนั้น ÷ จำนวนผู้เข้าชมทั้งหมด) × 100

ตัวอย่าง: มีคนเลื่อนถึงส่วนรีวิวสินค้า 1,600 คน จาก 8,000 คน

Scroll Reach = (1,600 ÷ 8,000) × 100 = 20%

แปลว่า 80% ของคนไม่เคยเห็นรีวิวสินค้าเลย ซึ่งเป็นปัญหาสำคัญ

3. Conversion Rate หลังปรับปรุง

Conversion Rate = (จำนวนออเดอร์ ÷ จำนวนผู้เข้าชม) × 100

ตัวอย่าง: ก่อนปรับ 8,000 คน ได้ 120 ออเดอร์ = 1.5% หลังย้ายปุ่ม CTA ขึ้นบน ได้ 200 ออเดอร์ = 2.5%

เพิ่มขึ้น +1.0 percentage point หรือคิดเป็นการเติบโต +66.7%

ตารางเปรียบเทียบ

หมายเหตุ: ราคาอาจเปลี่ยนแปลงตามแพ็กเกจและจำนวน Pageview ต่อเดือน

(สถานการณ์ใช้งานจริง)

1. หน้า Product Detail Page (PDP) ขายไม่ดี

สมมติร้านขายครีมบำรุงผิว มีคนเข้า PDP 12,000 คน แต่ Add to Cart แค่ 180 ครั้ง (1.5%)

ใช้ Heatmap ดูพบว่า

- คนคลิกที่รูปสินค้าเยอะมาก (45% ของคนเข้าหน้า)

- แต่ปุ่ม Add to Cart อยู่ใต้รีวิว ต้องเลื่อนลงไป 70% ของหน้า

- Scrollmap แสดงว่า มีแค่ 22% ของคนที่เลื่อนถึงปุ่ม

วิธีแก้: ย้ายปุ่ม Add to Cart ขึ้นมาใต้ราคา และทำ Sticky Button ติดขอบล่าง

ผลลัพธ์ที่คาดหวัง: Add to Cart เพิ่มเป็น 2.8–3.2% ภายใน 2 สัปดาห์

2. หน้า Landing Page สำหรับแคมเปญ Facebook Ads

ยิงแอด 50,000 บาท ได้คนเข้า 15,000 คน แต่กรอกฟอร์มแค่ 300 คน (2.0%)

ใช้ Click Tracking ดูพบว่า ผู้ใช้พยายามคลิกที่ "โลโก้บริษัท" และ "แบนเนอร์ด้านบน" เพราะคิดว่าเป็นปุ่ม CTA

วิธีแก้: เปลี่ยนแบนเนอร์ให้เป็นปุ่ม CTA จริง และลดขนาดโลโก้

ผลลัพธ์: ฟอร์มเพิ่มเป็น 480 คน (3.2%) ลด Cost per Lead ได้ประมาณ 37.5%

3. หน้า Checkout ที่มีคนทิ้งตะกร้าเยอะ

ใช้ Scrollmap + Heatmap ดูหน้า Checkout พบว่า ผู้ใช้สับสนกับช่องกรอกที่อยู่ เพราะมี 9 ช่อง และไม่มี Progress Bar

วิธีแก้: ลดเหลือ 5 ช่อง เพิ่ม Progress Bar และ Auto-fill ที่อยู่จากรหัสไปรษณีย์

ผลลัพธ์: Cart Abandonment ลดจาก 72% เหลือ 58%

(ข้อเข้าใจผิดที่พบบ่อย)

1. คิดว่า Heatmap บอก "ทำไม" ได้

Crazy Egg บอกได้แค่ "อะไร" เกิดขึ้น (คนคลิกตรงไหน) แต่ไม่ได้บอกเหตุผล ต้องตีความเองหรือทำ User Testing เพิ่ม

2. ดู Heatmap จากคนเข้าเว็บน้อยเกินไป

ถ้ามีคนเข้าเว็บแค่ 200 คน ข้อมูลจะไม่น่าเชื่อถือ ควรมีอย่างน้อย 1,000–2,000 Session ต่อหน้า ก่อนตัดสินใจ

3. ใช้ Heatmap บนมือถือแบบเดียวกับเดสก์ท็อป

พฤติกรรมบนมือถือต่างจากเดสก์ท็อปมาก ต้องแยกดู Heatmap สำหรับ Mobile โดยเฉพาะ เพราะการแตะ (Tap) ต่างจากการคลิก (Click)

4. เปลี่ยนทุกอย่างพร้อมกัน

ถ้าแก้ทั้งปุ่ม ทั้งสี ทั้งตำแหน่งพร้อมกัน จะไม่รู้ว่าอะไรที่ทำให้ Conversion ดีขึ้น ควรทำ A/B Test ทีละตัวแปร

5. ลืมดูข้อมูลหลังบ้านเทียบกับ Heatmap

Heatmap เป็นแค่ "สมมติฐาน" ต้องยืนยันด้วยตัวเลขจริงจาก Analytics หรือระบบหลังบ้าน เช่น ออเดอร์จริง ยอดขายจริง

6. ไม่ได้ตั้งค่า Tracking ให้ถูกต้อง

ถ้าติด Code ผิดหรือกรอง Traffic (เช่น Bot, Internal IP) ไม่ดี ข้อมูล Heatmap จะปนเปื้อน ทำให้ตัดสินใจผิด

(คำศัพท์ที่เกี่ยวข้อง)

- Heatmap – แผนที่ความร้อน แสดงจุดคลิกหนาแน่น

- Scrollmap – แผนที่การเลื่อนดูหน้าเว็บ

- Click Tracking – การติดตามการคลิกทุก Element

- Session Recording – การบันทึกวิดีโอพฤติกรรมผู้ใช้

- A/B Testing – การทดสอบสองเวอร์ชันเทียบกัน

- Conversion Rate (CVR) – อัตราการแปลง

- Bounce Rate – อัตราการออกจากหน้าเว็บทันที

- CTA (Call to Action) – ปุ่มหรือข้อความกระตุ้นให้ทำ action

- PDP (Product Detail Page) – หน้าสินค้า

- Cart Abandonment Rate – อัตราการทิ้งตะกร้า

- Funnel – กรวยการขาย

- User Behavior Analytics – การวิเคราะห์พฤติกรรมผู้ใช้

สรุป

Crazy Egg เป็นเครื่องมือที่คนทำ DTC ควรมีติดไว้ เพราะช่วยให้เห็น "ภาพจริง" ของพฤติกรรมลูกค้าบนหน้าเว็บ ไม่ต้องเดา ราคาเริ่มต้นประมาณ $29/เดือน (ประมาณ 1,050 บาท) ถือว่าคุ้มมาก เมื่อเทียบกับยอดขายที่อาจเพิ่มขึ้นจากการปรับปรุงหน้าเว็บเพียงเล็กน้อย

เริ่มต้นง่าย ๆ: ติดตั้งบนหน้า PDP หรือหน้า Landing Page ที่มี Traffic สูงสุด ปล่อยเก็บข้อมูล 2–4 สัปดาห์ แล้วดูว่า Heatmap ชี้จุดไหนที่ควรปรับ จากนั้นทดสอบ A/B ทีละอย่าง แล้ววัดผลด้วย Conversion Rate จริง