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中：

创建新的uxcam帐户并保存新的应用程序密钥{abc123}
下载UXCam框架并解压缩文件夹。
将解压缩框架复制到您的应用程序文件夹。然后将Xcode拖动框架打开到导航窗格中。
在Xcode中转到“Build Settings”转到“Other Linker Flags”并将$（OTHER_LDFLAGS）-ObjC添加到Debug和Release。

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

在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
}

}

完成构建并运行，屏幕将从运行中记录到应用程序进入后台。

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

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进行本机导航，这有助于在不同屏幕之间导航时提供更好的用户体验。问题是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)  
});

然后，您可以构建应用程序并在模拟器或真实设备上尝试。由您决定。

现在我们可以track user sessions in the UXCam dashboard了。会议结束后将上传视频。您可以观看会话视频，并在应用程序的某些位置分析用户的行为。

UXCam dashboard

当我们谈论对用户行为进行精确分析时，

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

iOS上的移动UX分析的会话记录

5 个答案: