{"id":5,"type":"Article","title":"快速上手浩客","slug":"quick-start","content":"👋 👋  所有人都喜欢及时、快速的正向反馈。接下来的内容，你将会第一时间看到效果！\r\n\r\n---\r\n\r\n以一个 WEB/H5/网站 为例，浩客的使用过程总共分为以下五步：\r\n\r\n**1. 创建应用**\r\n\r\n**2. 集成 X-SDK 代码**\r\n\r\n**3. 上线第一个评价组件**\r\n\r\n**4. 探索问卷的能力**\r\n\r\n你可以在本地的测试环境、个人博客站点快速看看效果，如果没有可用来测试的环境，你也可以选择使用我们的 [Chrome 插件「HowXM Tool」](https://howxm.com/help/articles/web-sdk-chrome)，直接在你的系统上右键弹出 Demo 查看。\r\n\r\n\r\n# 视频教程\r\n如果不喜欢阅读文档，可以直接查看视频教程，进入 bilibili 观看更高清哦 😊\r\n\r\n\u003ciframe height=\"500px\" width=\"100%\" src=\"//player.bilibili.com/player.html?aid=863087279\u0026bvid=BV1rG4y1X7GP\u0026cid=971193231\u0026page=1\" scrolling=\"no\" border=\"0\" frameborder=\"no\" framespacing=\"0\" allowfullscreen=\"true\"\u003e \u003c/iframe\u003e\r\n\r\n\r\n# Step 1: 创建应用\r\n\r\n在你完成注册后，就会进入第一个应用的创建，我们选择创建一个**「网站/H5」应用**，你需要输入应用的名称，以及该应用所关联的网址。网址可以选择写根域名、子域名或者某个业务能力的URL路径。\r\n\r\n比如我想在浩客体验学院（https://howxm.com/institute )做用户体验优化，就可以输入以下图示的内容。\r\n\r\n不用担心，在后续的应用设置里都可以进行修改。了解更多：[应用管理](https://howxm.com/help/articles/apps-intro)\r\n\r\n![](https://help-assets.jinshuju.net/assets/file/1243/WeChatWorkScreenshot_618c2aa4-da14-436c-9cae-40048971c35f.png)\r\n\r\n\r\n# Step 2: 集成 X-SDK 代码\r\n\r\n应用创建成功后，你将会获得一串 X-SDK 代码，你可以直接复制，将其交给研发人员，或者自己将其粘贴到系统页面的\u003chead/\u003e里，完成集成。\r\n\r\n了解更多：[X-SDK WEB/H5/网站集成](https://howxm.com/help/articles/web-sdk-intro)\r\n\r\n![](https://help-assets.jinshuju.net/assets/file/1245/WeChatWorkScreenshot_6fc8be40-b74b-4464-b767-7de3d9fd5d80.png)\r\n\r\n\r\n# STEP 3：上线第一个评价组件\r\n\r\n完成 X-SDK 集成后，你可以快速创建一个可以常驻在系统侧边栏的评价，收集用户的评分以及给出评分的原因，这是一个简单无需思考的操作，你也可以简单看一下相关设置，修改一下文案、样式等等。保存发布后，这个评价就会出现系统页面上。\r\n\r\n了解更多：[创建一个评价](https://howxm.com/help/articles/create-feedback)\r\n\r\n![](https://help-assets.jinshuju.net/assets/file/25/feedback.png)\r\n\r\n\r\n# STEP 4：再试试问卷的能力\r\n\r\n问卷的设计，也许会占用你的一点点精力，当然，你也可以直接从问卷模板开始。我们来做一个用户净推荐值 NPS 问卷开始，选择主动弹框的方式，体验一下效果。同样的，只需创建再发布，就可以出现在你的线上系统中了。\r\n\r\n了解更多：[创建一个问卷](https://howxm.com/help/articles/create-survey)\r\n\r\n![](https://help-assets.jinshuju.net/assets/file/1150/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_dc21c3c3-0867-450d-ac1b-9dac8682680c.png)\r\n\r\n当回收到数据后，不同的问题会有其对应的报表，比如 NPS 推荐值、CES 费力度、CSAT 满意度等等，方便你快速洞察数据背后的问题。\r\n\r\n\r\n# 其他探索\r\n\r\n以上的 4 步是一个最小粒度的使用过程，我们完成了在浩客体验学院上，集成了 X-SDK 代码，并对来访的用户进行评价收集，以及做了一个 NPS 用户净推荐值的小调研。希望通过这样的小教程，让你快速的了解到了浩客的产品能力和使用逻辑。\r\n\r\n你可以继续尝试一下，比如：问卷弹框出现在正中间，新增评分、选择字段，在用户页面上停留超过 30秒之后再弹出。或者，去研究一下更加深的能力，比如当用户点击了「订阅」按钮后，询问用户喜欢什么类型的文章？为什么会订阅我们？比如面向已经登陆的创作者做平台使用体验的反馈收集？\r\n\r\n上面这些内容都会在「评价和问卷」模块的[「样式和呈现形式」](https://howxm.com/help/articles/feedback-survey-theme)、[「投放页面设置」](https://howxm.com/help/articles/distribution-page-setting)、[「投放时机设置」](https://howxm.com/help/articles/distribution-timing-setting)、[「事件触发机制」](https://howxm.com/help/articles/distribution-evens-trigger)、[「精准用户投放」](https://howxm.com/help/articles/distribution-users) 等涉及到。\r\n\r\n\r\n\r\n","featured":false,"category_id":1,"created_at":"2023-02-15T00:20:24.017Z","updated_at":"2023-11-28T11:31:21.197Z"}