HotJar + Convert: คำแนะนำทีละขั้นตอนเพื่อการเพิ่มประสิทธิภาพช่องทางแบบเต็ม

เผยแพร่แล้ว: 2020-05-18
HotJar + Convert: คำแนะนำทีละขั้นตอนเพื่อการเพิ่มประสิทธิภาพช่องทางแบบเต็ม

ภาพยนตร์ CRO ที่นำแสดงโดย HotJar & Convert

แน่นอนว่าไม่ใช่เวนเจอร์สใหม่

และเราจะไม่แสร้งทำเป็นว่าค่อนข้างสนุกสนาน

แต่…ภาพยนตร์ HotJar (อาจ) สำคัญกว่า (อาจ)

ทำไม

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

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

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

ผสานการแปลงประสบการณ์กับ Hotjar

การรวม Hotjar กับ Convert Experiences ช่วยให้คุณสามารถเปิดใช้งานคุณสมบัติ Hotjar ทั้งหมดภายในบัญชี Convert Experiences ของคุณ

ตั้งค่าการรวม:

ในการรวมทั้งสองแพลตฟอร์ม:

  1. เพิ่มโค้ดติดตาม Convert Experiences ลงในเว็บไซต์ของคุณ
  2. เพิ่มรหัสติดตาม Hotjar ในเว็บไซต์ของคุณ
  3. เปิดใช้งานการรวม Hotjar ในหน้าจอสรุปประสบการณ์ของคุณ (ภายใต้ส่วนการตั้งค่า)
    (สำหรับรายละเอียดเพิ่มเติม โปรดอ่านคำแนะนำทีละขั้นตอนแบบเต็มที่นี่)

ตรวจสอบการบูรณาการ

เมื่อการติดตั้งพร้อม ให้ตรวจสอบการตั้งค่าโดยติดตั้ง Convert Chrome Debugger:

แปลงโปรแกรมแก้ไขข้อบกพร่องของ Chrome:

ใช้ข้อมูลอะไร?

หลังจากเปิดใช้งานการรวม ทุกการบันทึกในบัญชี Hotjar ของคุณจะถูกแท็กดังนี้: “แปลง: AAA – BBB” โดยที่:

  • AAA – ชื่อของการทดสอบจำกัดอยู่ที่ 20 อักขระแรกหรือรหัสการทดสอบที่พบในบัญชี Convert ของคุณ ขึ้นอยู่กับว่าคุณเปิดใช้งานการลบข้อมูลระบุตัวตนหรือไม่
  • BBB – ชื่อของรูปแบบที่จำกัดไว้ที่ 20 อักขระแรกหรือ ID ของรูปแบบตามที่พบในบัญชี Convert ของคุณ ขึ้นอยู่กับว่าคุณเปิดใช้งานการเปิดเผยข้อมูลหรือไม่

ภายในบัญชี Hotjar ของคุณ คุณสามารถกรองการบันทึกตามคู่ทดลอง – รูปแบบต่างๆ เพื่อวิเคราะห์พฤติกรรมของผู้เยี่ยมชมเมื่อให้บริการรูปแบบเฉพาะ:

บัญชี Hotjar

อะไรต่อไป?

เมื่อคุณเปิดใช้งาน Convert with Hotjar แล้ว จะทำอะไรต่อไป

ตอนนี้เราจะแสดงให้คุณเห็นว่าแม้แต่ความรู้พื้นฐานเกี่ยวกับ Convert Experiences ก็สามารถช่วยคุณปรับปรุงหน้า Landing Page, ช่องแบบฟอร์ม, CTA, การออกแบบที่ตอบสนอง และอื่นๆ อีกมากมาย ได้อย่างไร คุณสามารถดู:

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

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

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

[PS: ในบันทึกนั้น ให้ตรวจสอบการสัมมนาผ่านเว็บ Small Data ของเรา เราครอบคลุมกระบวนการค้นหาและใช้ "สิ่งเล็กน้อย" เพื่อสร้างผลกระทบที่ยิ่งใหญ่]
<<รหัสฝัง>>

จุดประสงค์ของการบูรณาการ Convert Experiences กับ Hotjar คือการได้รับข้อมูลเชิงลึกเกี่ยวกับพฤติกรรมของผู้ใช้มากที่สุด ยิ่งคุณติดตามมากเท่าไร คุณก็จะเข้าใจมากขึ้นว่าผู้เยี่ยมชมโต้ตอบกับไซต์ของคุณอย่างไร

ป้องกันการละทิ้งรถเข็นด้วยบันทึกผู้มาเยี่ยม

คุณสามารถป้องกันการละทิ้งตะกร้าสินค้าออนไลน์ได้โดยเพิ่มประสิทธิภาพขั้นตอนการชำระเงินของคุณด้วยการบันทึกผู้เยี่ยมชม Hotjar

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

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

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

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

ตัวอย่างบน Shopify Store

สมมติว่าคุณมีร้านค้า Shopify และต้องการเปลี่ยนหน้าการชำระเงิน คุณติดตั้งโค้ดติดตามการแปลงในหน้าการชำระเงินของ Shopify โดยทำตามคำแนะนำที่นี่ และคุณสร้างประสบการณ์ A/B ภายใน Convert รุ่นนี้มีแบนเนอร์เพิ่มเติมในหน้าชำระเงินพร้อมสัญลักษณ์ความน่าเชื่อถือและการจัดส่งฟรี (เฮ้! ผู้เชี่ยวชาญบอกว่าใช้งานได้)

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

คุณต้องการทราบว่าเหตุใดผู้เยี่ยมชมจึงชอบรูปแบบดั้งเดิมและรูปแบบที่คุณออกแบบด้วย Convert

ในการทำเช่นนี้ คุณใช้บันทึกของผู้เยี่ยมชม HotJar ในหน้าชำระเงินของ Variation และคุณสังเกตเห็นว่าผู้เยี่ยมชมละทิ้งรถเข็นเนื่องจากแบนเนอร์เหล่านี้เสียสมาธิ

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

ทำความเข้าใจว่าทำไมผู้เยี่ยมชมถึงลาออก

ด้วยการสำรวจลูกค้าและโพล

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

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

คุณสมบัติ Hotjar คือเครื่องมือคำติชม

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

ด้วยช่องทาง

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

HotJar นำเสนอฟีเจอร์ที่ยอดเยี่ยมที่เรียกว่า funnels

ทำการทดสอบอุปกรณ์ด้วย Heatmaps

หน้าเว็บไซต์ของคุณดูแตกต่างกันมากในอุปกรณ์และหน้าจอที่มีขนาดต่างกัน

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

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

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

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

ติดตามการเปลี่ยนแปลงของคุณด้วยรายงานแผนที่ความหนาแน่นใหม่เพื่อดูผลกระทบของการปรับแต่งของคุณ

รายงานแผนที่ความร้อน hotjar

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

เคล็ดลับ : HotJar มีการทดสอบแผนที่ความร้อนเพิ่มเติมอีก 7 รายการเช่นกัน

ปรับปรุงแลนดิ้งเพจของคุณ

การเพิ่มประสิทธิภาพหน้า Landing Page (LPO) เป็นส่วนสำคัญของไดรฟ์ CRO

และการรวม Convert Experiences/HotJar ทำงานได้อย่างมหัศจรรย์ที่นี่

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

สมมติว่าคุณมีหน้า Landing Page และต้องการเพิ่มประสิทธิภาพ คุณติดตั้งโค้ดติดตามการแปลงในหน้า Landing Page และสร้างประสบการณ์ Conversion A/B การเปลี่ยนแปลงที่คุณทำคือปุ่มโซเชียลเพิ่มเติมที่ส่วนท้าย

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

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

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

ลองนึกภาพว่าคุณได้สร้าง Convert Multipage Experience และคุณจำเป็นต้องได้รับแนวคิดเกี่ยวกับประสิทธิภาพของสมมติฐานของคุณอย่างรวดเร็ว วิดเจ็ต Hotjar Recruiters ได้รับความยินยอมจากทราฟฟิกที่ผ่านการรับรองอย่างรวดเร็วและง่ายดาย—และลงทะเบียนผู้คนสำหรับการวิจัยผู้ใช้

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

คุณยังสามารถสร้างการทดสอบ Convert Split URL เพื่อค้นหาว่าสิ่งใดที่แปลงได้ดีกว่า: คุณสมบัติผู้สรรหาหรือคุณสมบัติการสำรวจ

แปลงการทดสอบ URL แยก

เพียงเพิ่มคุณสมบัติ Hotjar นี้ให้กับประสบการณ์การแปลงของคุณ แล้วคุณจะเริ่มรวบรวมคำติชม

ตรวจจับจุดที่สับสน UI:

ตามที่ ตรวจสอบ พูดว่า:

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

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

ทำให้การส่งแบบฟอร์มของคุณทะยาน

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

ขั้นแรก ให้ใช้ Convert Multivariate Experience เพื่อออกแบบฟอร์มด้วยการปรับแต่งหรือการเปลี่ยนแปลงองค์ประกอบหลายๆ อย่าง

แปลงประสบการณ์หลายตัวแปร

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

สุดท้าย ใช้การทดสอบ A/B กับฟิลด์ที่ยังคงอยู่ และจำกัดแบบฟอร์มของคุณให้เหลือเฉพาะสิ่งที่สำคัญจริงๆ สำหรับผู้เข้าชม

ข้อกังวลเกี่ยวกับความเป็นส่วนตัวโดยเฉพาะกับ GDPR?

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

แต่ความเป็นส่วนตัวของผู้ใช้ล่ะ

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

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

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

หากคุณต้องการเห็นความร่วมมือนี้เกิดขึ้นจริง เพียงลงทะเบียนเพื่อทดลองใช้งาน Convert Experiences ฟรี

แปลง + HOTJAR ในการทดลอง