Aşağıdaki videoyu içeren yeni Kaydedici paneline (önizleme özelliği) göz atın.
Kullanıcı akışlarını kaydetmek, yeniden oynatmak ve ölçmek üzere Kaydedici panelini nasıl kullanacağınızı öğrenmek için bu eğiticiyi tamamlayın.
Kaydedilen kullanıcı akışlarının nasıl paylaşılacağı, bu akışların ve uygulanacak adımların nasıl paylaşılacağı hakkında daha fazla bilgi edinmek için Kaydedici özellikleri referansı başlıklı makaleye bakın.
Kaydedici panelini açma
- Geliştirici Araçları'nı açın.
Diğer seçenekler
> Diğer araçlar > Kaydedici'yi tıklayın.
Alternatif olarak, Kaydedici panelini açmak için Komut Menüsü'nü kullanın.
Giriş
Bu kahve siparişi tanıtım sayfasını kullanacağız. Ödeme, alışveriş web siteleri arasında yaygın bir kullanıcı işlemleri akışıdır.
Sonraki bölümlerde, Kaydedici paneliyle aşağıdaki ödeme akışını nasıl kaydedeceğiniz, tekrar oynatacağınız ve denetleyeceğiniz konusunda size yol göstereceğiz:
- Alışveriş sepetine bir kahve ekleyin.
- Alışveriş sepetine bir kahve daha ekleyin.
- Alışveriş sepeti sayfasına gidin.
- Alışveriş sepetinden bir kahve çıkarın.
- Ödeme işlemini başlatın.
- Ödeme ayrıntılarını girin.
- Çıkış yapın.
Kullanıcı işlemleri akışını kaydetme
- Bu demo sayfasını açın. Başlamak için Yeni kayıt başlat düğmesini tıklayın.
- Kayıt adı metin kutusuna "kahve ödeme" yazın.
Daha fazla bilgi için Seçicileri anlama konusuna bakın.
1. Yeni bir kayıt başlat düğmesini tıklayın. Kayıt başlatıldı. Panelde, kaydın devam ettiğini gösteren Kayıt... ifadesi görünür.
1. Cappuccino'yu tıklayarak alışveriş sepetine ekleyebilirsiniz.
1. Alışveriş sepetine eklemek için Americano'yu tıklayın. Kaydedici'nin, şimdiye kadar gerçekleştirdiğiniz adımları gösterdiğine dikkat edin.
1. Alışveriş sepeti sayfasına gidin ve Americano'yu alışveriş sepetinden kaldırın.
1. Ödeme işlemini tamamlamak için Gönder düğmesini tıklayın.
1. Kaydedici panelinde, kaydı sonlandırmak için 
Kaydı sonlandır düğmesini tıklayın.
Kullanıcı akışını tekrar oynatma
Kullanıcı akışını kaydettikten sonra 
Yeniden oynat düğmesini tıklayarak yeniden oynatabilirsiniz.
Kullanıcı işlemleri akışı tekrarını sayfada görebilirsiniz. Tekrar oynatmanın ilerleme durumu, Kaydedici panelinde de gösterilir.
Kayıt sırasında yanlış tıklama yaparsanız veya bir şey çalışmıyorsa kullanıcı işlemleri akışındaki hataları ayıklayabilirsiniz. Bu durumda, videonun tekrar oynatmayı yavaşlatabilir, bir kesme noktası belirleyebilir ve tıklama işlemini adım adım uygulayabilirsiniz.
Yavaş ağ simülasyonunu göster
Tekrar oynat ayarlarını yapılandırarak yavaş ağ bağlantısı simülasyonu yapabilirsiniz. Örneğin, Tekrar oynatma ayarları'nı genişletin, Ağ açılır menüsünden Yavaş 3G'yi seçin.
Gelecekte daha fazla ayar desteklenebilir. Sahip olmak istediğiniz tekrar oynatma ayarlarını bizimle paylaşın.
Kullanıcı işlemleri akışını ölçme
Performansı ölç düğmesini tıklayarak bir kullanıcı işlemleri akışının performansını ölçebilirsiniz. Örneğin, ödeme işlemi, alışveriş web sitelerinde çok önemli bir kullanıcı işlemleri akışıdır. Kaydedici paneli ile ödeme akışını bir kez kaydedip düzenli olarak ölçebilirsiniz.
Performansı ölç düğmesi tıklandığında ilk olarak kullanıcı işlemleri akışı tekrar oynatılır, ardından Performans panelinde performans izleme açılır.
Performans paneli ile sayfanızın çalışma zamanı performansını nasıl analiz edeceğinizi öğrenin. Performans panelinde Web Verileri onay kutusunu etkinleştirebilir, Web Verileri metriklerini görüntüleyebilir ve kullanıcı göz atma deneyiminizi iyileştirme fırsatlarını belirleyebilirsiniz.
Adımları düzenle
Kaydedilen iş akışındaki adımları düzenlemek için temel seçeneklerin üzerinden geçelim.
Düzenleme seçeneklerinin kapsamlı listesi için özellikler referansındaki Adımları düzenleme bölümüne bakın.
Adımları genişlet
İşlemin ayrıntılarını görmek için her adımı genişletin. Örneğin, Tıklama Öğesi "Kapuccino" adımını genişletin.
Yukarıdaki adımda iki seçici gösterilmektedir. Daha fazla bilgi için Kayıt seçicisini anlama başlıklı makaleye bakın.
Kaydedici, kullanıcı akışını yeniden oynatırken öğeyi seçicilerden biriyle sırayla sorgulamaya çalışır. Örneğin, Kaydedici, ilk seçiciye sahip öğeyi başarıyla sorgularsa ikinci seçiciyi atlar ve bir sonraki adıma geçer.
Bir adımda seçici ekleme ve kaldırma
Seçicileri ekleyebilir veya kaldırabilirsiniz. Örneğin, 2 numaralı seçiciyi kaldırabilirsiniz. Bu durumda yalnızca aria/Cappuccino yeterli olacaktır. Fareyle 2 numaralı seçicinin üzerine gelin ve kaldırmak için - simgesini tıklayın.
Bir adımdaki seçicileri düzenleme
Seçici de düzenlenebilir. Örneğin, Cappuccino yerine Mocha'yı seçmek istiyorsanız şunları yapabilirsiniz:
Bunun yerine, seçici değerini aria/Mocha olarak düzenleyin.
Alternatif olarak Seç
düğmesini ve ardından sayfada Mocha'yı tıklayın.Akışı şimdi tekrar oynatın. Cappuccino yerine Mocha'yı seçmeniz gerekir.
type, target, value gibi diğer adım özelliklerini düzenlemeyi deneyin.
Adım ekleme ve kaldırma
Adım ekleme ve kaldırma seçenekleri de vardır. Bu seçenek, ekstra bir adım eklemek veya yanlışlıkla eklenen bir adımı kaldırmak istiyorsanız yararlı olur. Kullanıcı akışını yeniden kaydetmek yerine yalnızca düzenleyebilirsiniz:
Düzenlemek istediğiniz adımı sağ tıklayın veya yanındaki
üç nokta simgesini tıklayın. 
Kaldırmak için Adımı kaldır'ı seçebilirsiniz. Örneğin, Mocha adımından sonraki Kaydırma etkinliği gerekli değildir.
Herhangi bir adım gerçekleştirmeden önce sayfada 9 kahve görünene kadar beklemek istediğinizi varsayalım. Mocha adım menüsünde Add step before'ı (Önceki adım ekle) seçin.
Öğe Onayla'da yeni adımı aşağıdaki ayrıntılarla düzenleyin:
- tür: waitForElement
- 1. seçici: .cup
- operatör: == (operatör ekle düğmesini tıklayın)
- count: 9 (sayı ekle düğmesini tıklayın)
Değişiklikleri görmek için şimdi akışı yeniden oynatın.
Sonraki adımlar
Tebrikler, eğiticiyi tamamladınız!
Kaydedici ile ilgili diğer özellikleri ve iş akışını (ör. içe ve dışa aktarma) keşfetmek için Kaydedici özellikleri referansı başlıklı makaleye bakın.