3

试图找到一种简单的方法来记录所有用户会话的屏幕视频并将它们上传到某个服务器。谁能建议如何实现此功能？

4

5 回答 5

2

如果您需要它进行分析，有很多解决方案：

和许多其他人

于 2016-10-09T02:11:33.397 回答
1

我喜欢 UXCam https://www.uxcam.com，它易于实现并且可以免费设置和使用。10,000 个用户会话免费。在 Swift 3.0 中：

  1. 创建新的 uxcam 帐户并保存新的应用程序密钥 {abc123}

  2. 下载 UXCam 框架并解压缩文件夹。

  3. 将解压缩框架复制到您的应用程序文件夹。然后在导航窗格中打开 Xcode 拖动框架。

  4. 在 Xcode 中转到“构建设置”转到“其他链接器标志”并添加 $(OTHER_LDFLAGS) -ObjC 到调试和发布。

在此处输入图像描述

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

在此处输入图像描述

  1. 在您的 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
}

}

  1. 您完成的构建和运行，屏幕将被记录从运行到应用程序进入后台。

这是我的导航窗格完成后的样子：

在此处输入图像描述

于 2017-03-16T20:41:24.007 回答
1

我们也在寻找类似的服务，最终在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 这样的工具是未来。

于 2019-02-25T12:09:10.327 回答
0

实际上，因为他们专注于移动设备，而不是在移动设备和网络之间传播自己，所以对Appsee的第一条评论跳了起来，我知道他们在他们的市场上是一流的。会话记录使我能够捕捉到特定屏幕上发生的许多错误和崩溃。

同样在价格点上，他们确实为初创公司提供了免费选择。

集成很简单，例如：

(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    [Appsee start:@"your-key"];
    return YES;
}
于 2019-01-24T10:50:05.127 回答
-1

Appsee 和 uxcam 都不错，但是很贵。尝试用户 userx.pro。他们现在只有用户会话记录，但这个工具是免费的。

于 2017-08-29T15:03:00.617 回答