บันทึก เล่นซ้ำ และวัดความไหลลื่นของผู้ใช้

Jecelyn Yeen

Sofia Emelianova

ดูแผงโปรแกรมอัดเสียงใหม่ (ฟีเจอร์เวอร์ชันตัวอย่าง) ได้จากวิดีโอด้านล่าง

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

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

เปิดแผงโปรแกรมอัดเสียง

1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ

2. คลิกตัวเลือกเพิ่มเติม     > เครื่องมือเพิ่มเติม > โปรแกรมอัดเสียง

   

   หรือใช้เมนูคำสั่งเพื่อเปิดแผงโปรแกรมอัดเสียง

   

บทนำ

เราจะใช้หน้าการสาธิตการสั่งกาแฟนี้ การชำระเงินเป็นขั้นตอนทั่วไปของผู้ใช้ในเว็บไซต์ช็อปปิ้ง

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

1. เพิ่มกาแฟลงในรถเข็น
2. เพิ่มกาแฟอื่นลงในรถเข็น
3. ไปที่หน้ารถเข็น
4. นำกาแฟ 1 ใบออกจากรถเข็น
5. เริ่มกระบวนการชำระเงิน
6. กรอกรายละเอียดการชําระเงิน
7. ชำระเงิน

บันทึกการไหลเวียนของผู้ใช้

1. เปิดหน้าสาธิตนี้ คลิกปุ่มเริ่มการบันทึกใหม่เพื่อเริ่มต้น
2. ป้อน "จุดชำระเงิน" ในกล่องข้อความชื่อการบันทึก
3. คลิกปุ่มเริ่มการบันทึกใหม่ เริ่มการบันทึกแล้ว แผงจะแสดงกำลังบันทึก... ซึ่งบ่งบอกว่ากำลังบันทึกอยู่
4. คลิก Cappuccino เพื่อเพิ่มลงในรถเข็น
5. คลิก Americano เพื่อเพิ่มลงในรถเข็น โปรดสังเกตว่าโปรแกรมอัดเสียงจะแสดงขั้นตอนที่คุณได้ทำไปแล้ว
6. ไปที่หน้ารถเข็นและนำ Americano ออกจากรถเข็น
7. คลิกปุ่มรวม: $19.00 เพื่อเริ่มกระบวนการชำระเงิน
8. ในแบบฟอร์มรายละเอียดการชำระเงิน ให้กรอกข้อมูลในกล่องข้อความชื่อและอีเมล แล้วเลือกช่องทำเครื่องหมายฉันต้องการรับข้อมูลอัปเดตเกี่ยวกับคำสั่งซื้อและข้อความโปรโมชัน
9. คลิกปุ่มส่งเพื่อให้กระบวนการชำระเงินเสร็จสิ้น
10. ในแผงโปรแกรมอัดเสียง ให้คลิกปุ่มสิ้นสุดการบันทึก เพื่อสิ้นสุดการบันทึกเสียง

เล่นโฟลว์ผู้ใช้ซ้ำ

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

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

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

จำลองเครือข่ายช้า

คุณสามารถจำลองการเชื่อมต่อเครือข่ายที่ช้าได้โดยกำหนดการตั้งค่าการเล่นซ้ำ ตัวอย่างเช่น ขยายการตั้งค่าการเล่นซ้ำ เลือก 3G ที่ช้าในเมนูแบบเลื่อนลงของเครือข่าย

ทั้งนี้อาจมีการเพิ่มการตั้งค่าอื่นๆ ในอนาคต โปรดแชร์การตั้งค่าการเล่นซ้ำที่ต้องการกับเรา

วัดการไหลเวียนของผู้ใช้

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

การคลิกปุ่มวัดประสิทธิภาพจะทริกเกอร์การเล่นซ้ำของเส้นทางของผู้ใช้ จากนั้นจะเปิดการติดตามประสิทธิภาพในแผงประสิทธิภาพ

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

แก้ไขขั้นตอน

มาทบทวนตัวเลือกพื้นฐานในการแก้ไขขั้นตอนภายในเวิร์กโฟลว์ที่บันทึกไว้กัน

ดูรายการตัวเลือกการแก้ไขทั้งหมดได้ที่แก้ไขขั้นตอนในข้อมูลอ้างอิงฟีเจอร์

ขยายขั้นตอน

ขยายแต่ละขั้นตอนเพื่อดูรายละเอียดของการดำเนินการ เช่น ขยายขั้นตอนองค์ประกอบการคลิก "คาปูชิโน"

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

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

เพิ่มและนำตัวเลือกออกจากขั้นตอน

คุณสามารถเพิ่มหรือนำตัวเลือกออกได้ เช่น คุณนํา selector #2 ออกได้เนื่องจากมีเพียง aria/Cappuccino รายการก็เพียงพอแล้วในกรณีนี้ วางเมาส์เหนือตัวเลือก #2 แล้วคลิก - เพื่อนำออก

แก้ไขตัวเลือกในขั้นตอน

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

1. แก้ไขค่าตัวเลือกเป็น aria/Mocha แทน

   

   หรือจะคลิกปุ่มเลือก แล้วคลิก Mocha ในหน้านั้นก็ได้

2. เล่นซ้ำโฟลว์ในตอนนี้ ซึ่งควรจะเลือก Mocha แทน Cappuccino

3. ลองแก้ไขพร็อพเพอร์ตี้ขั้นตอนอื่นๆ เช่น type, target, value และอื่นๆ

เพิ่มและนำขั้นตอนออก

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

1. คลิกขวาขั้นตอนที่คุณต้องการแก้ไข หรือคลิกไอคอน จุด 3 จุดด้านข้าง

   

2. คุณสามารถเลือกนำขั้นตอนออกเพื่อนำขั้นตอนนั้นออก เช่น ไม่จำเป็นต้องมีเหตุการณ์ Scroll หลังขั้นตอน Mocha

3. สมมติว่าคุณต้องการรอจนกว่ากาแฟ 9 ถ้วยจะแสดงผลในหน้าก่อนที่จะดำเนินการใดๆ ในเมนูขั้นตอน Mocha ให้เลือกเพิ่มขั้นตอนก่อนหน้า

4. ในองค์ประกอบยืนยัน ให้แก้ไขขั้นตอนใหม่พร้อมรายละเอียดต่อไปนี้

   • type: waitForElement
   • ตัวเลือก #1: .cup
   • โอเปอเรเตอร์: == (คลิกปุ่มเพิ่มโอเปอเรเตอร์)
   • จำนวน: 9 (คลิกปุ่มเพิ่มจำนวน)

5. เล่นซ้ำขั้นตอนเลยเพื่อดูการเปลี่ยนแปลง

ขั้นตอนถัดไป

ยินดีด้วย คุณดูบทแนะนำจนจบแล้ว

หากต้องการดูฟีเจอร์และเวิร์กโฟลว์เพิ่มเติม (เช่น การนำเข้าและส่งออก) ที่เกี่ยวข้องกับโปรแกรมอัดเสียง โปรดดูข้อมูลอ้างอิงฟีเจอร์ของโปรแกรมอัดเสียง