iOS 上移動用戶體驗分析的會話記錄

Question

試圖找到簡單的方法來記錄所有用戶會話的屏幕視頻並將它們上傳到某個服務器。 誰能建議如何實現此功能？

Answer 1

如果您需要用於分析，有很多解決方案：

• UXCam https://www.uxcam.com
• Clicktale https://www.clicktale.com/solutions/clicktale-for-apps/
• Appsee https://www.appsee.com

和許多其他人

Answer 2

我喜歡 UXCam https://www.uxcam.com它易於實施且可以免費設置和使用。 10,000 個用戶會話免費。 在 Swift 3.0 中：

1. 創建新的 uxcam 帳戶並保存新的應用程序密鑰 {abc123}

2. 下載 UXCam 框架並解壓文件夾。

3. 將解壓縮框架復制到您的應用程序文件夾。 然后將 Xcode 拖動框架打開到您的導航窗格中。

4. 在 Xcode 中，轉到“Build Settings”轉到“Other Linker Flags”並添加 $(OTHER_LDFLAGS) -ObjC 以進行調試和發布。

5. 在 Xcode 中轉到“Build Phases”，然后在“Link Binary With Libraries”中添加 AVFoundation.framework、CoreGraphics.framework、CoreMedia.framework、CoreVideo.framework、MobileCoreServices.framework、QuartzCore.framework 和 SystemConfigureation.framework

5. 在您的 AppDelegate 添加

   導入 UXCam

然后在

 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { return true}

添加

UXCam.start(withKey: "abc123") //add your key here

AppDelegate.swift 一起：

 import UIKit
 import UXCam 

 @UIApplicationMain
 class AppDelegate: UIResponder, UIApplicationDelegate {

var window: UIWindow?


func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
    // Override point for customization after application launch.

    UXCam.start(withKey: "abc123") 

    return true
}

}

6. 您完成的構建和運行，屏幕將被記錄從運行到應用程序進入后台。

這是我的導航窗格完成后的樣子：

Answer 3

我們也在尋找類似的服務，最后在UXCam上停了下來。 與它的主要競爭對手 AppSee 相比，它在定價和其他功能方面對我們來說似乎很有趣。 這就是我們決定在我們的項目中使用它的原因。

首先，我們所要做的就是注冊試用期。 然后我們可以使用給定的 API 密鑰和文檔訪問儀表板。 我們開始使用Yarn在我們的項目中添加一個庫。

yarn add react-native-ux-cam

為了使代碼更清晰，我們在 config 文件夾中創建了一個名為uxcam.js 的文件，我們將下面代碼片段中的內容放置在其中。 您可以在此處添加 API 密鑰而不是占位符 UX_CAM_KEY。

import RNUxcam from 'react-native-ux-cam'
import Config from 'react-native-config'
const initUXCam = () => {
  RNUxcam.startWithKey('UX_CAM_KEY')
  RNUxcam.setAutomaticScreenNameTagging(false)
}
export default {
  initUXCam,
}

UXCam 有一個初始化方法。 此外，如您所見，我們決定禁用自動屏幕名稱標記。 在我們的項目中，我們使用了 Wix 的 React Native Navigation，這有助於在不同屏幕之間導航方面提供更好的用戶體驗。 問題是 UXCam 錯誤地為屏幕命名，它無法幫助我們跟蹤用戶在整個應用程序中花費的時間。 幸運的是，我們使用了一個技巧來為當前顯示的屏幕精確地選擇一個名稱。

現在我們可以將我們的 initUXCam 方法導入到我們的App.js 文件中。

import uxcam from ‘./uxcam’
const init = () => {
  uxcam.initUXCam();
  // Other code regarding initialization of the app
}
export default {
  init,
}

為了觀察新屏幕的出現並將其發送到 UXCam，我們使用React Native Navigation的偵聽器。 這是用法的樣子：

import { Navigation } from 'react-native-navigation'
import RNUxcam from 'react-native-ux-cam'
Navigation.events().registerComponentDidAppearListener((componentId, componentName) => {
   RNUxcam.tagScreenName(componentName)  
});

然后您可以構建應用程序並在模擬器或真實設備上試用。 由你決定。

現在我們可以在 UXCam 儀表板中跟蹤用戶會話。 會議結束后上傳視頻。 您可以在應用程序的某些位置觀看會話視頻並分析用戶的行為。

UXCam 儀表板

當我們談論對用戶行為進行精確分析時， UXCam 似乎是最實惠的解決方案。 設置不需要太多時間，在開發人員的少量輸入后，該庫通過強大的儀表板放棄了巨大的輸出。 它有助於了解應用程序的哪些部分在導航方面使用戶感到困惑，哪些部分使用戶對使用該應用程序感到滿意。 使用 Firebase Analytics 簡單跟蹤事件是應用程序，UXCam 等工具是未來。

Answer 4

實際上跳過關於Appsee的第一條評論，因為他們專注於移動，而不是在移動和網絡之間傳播，我知道他們在市場上是一流的。 會話錄音讓我能夠捕捉到在特定屏幕上發生的如此多的錯誤和崩潰。

同樣在價格點上，他們確實為初創公司提供了免費選擇。

集成非常簡單，例如：

(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    [Appsee start:@"your-key"];
    return YES;
}

Answer 5

Appsee 和 uxcam 都不錯，但價格昂貴。 嘗試使用 userx.pro。 他們現在只有用戶會話錄音，但這個工具是免費的。