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。 他们现在只有用户会话录音，但这个工具是免费的。