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

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添加到Debug和Release。

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)  
});

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

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