网站应用（用户模块接入）

DaoVoice 作为新一代用户运营产品，只需在第一次使用时加载一段SDK代码，即可开启与用户实时对话的桥梁

（部分浏览器可能出现不兼容的情况，推荐使用 Chrome 浏览器）

步骤：

a. 成为DaoCloud用户

• 访问 DaoVoice 主页进行注册
• 拥有一个网站，渴望与你的网站用户进行实时交流
• 信奉持续交付，精益运营的理念，渴望通过用户「参与感」提升产品体验
  

b. 访问 DaoVoice 应用创建引导页面

• DaoVoice 应用创建引导页面将引导你将 DaoVoice 安装到你的网站
• 植入的 JavaScript 代码经过了大量的优化，所有的调用和通信都采用异步方式完成，不会影响你的网站的加载速度和性能。
  

c. 根据网站结构和前后台程序类型，选择对应的接入代码，判断标准如下：

• 若你的网站是服务器端渲染页面，请选择 多页面应用 (例如 JAVA, PHP, Rails 等)
• 若你的网站是客户端渲染页面，请选择 单页面应用 (例如 AnglarJS, ReactJS 等)
  

d.提供用户信息，完成用户信息对接

• 向 DaoVoice 提供存储在你系统中的用户信息（需要编写代码提供）获取后，会与 DaoVoice 后台管理系统集成，你可以跟踪每个用户的具体会话和行为。
   

* 用户 Javascript 接入示例代码 *

 // 替换 'APP_ID' 成您的App Id
 
<script>(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/APP_ID.js","daovoice");</script>
<script>
  daovoice('init', {
    app_id: "APP_ID",
    email: "daovoice@example.com", // 替换成当前用户的邮件
    user_id: "NO_89757", // 选填: 替换成当前用户的唯一标识
    signed_up: 1449821660, // 选填: // 替换当前用户的注册时间，格式为 Unix 时间戳
    name: "道客船长", // 选填: 替换当前用户的真名或者昵称
  });
  daovoice('update');
</script>

 

此步骤非常重要，对接完成后通过控制台与用户对话时，该用户的所有相关信息都会完整展示，帮助你了解用户情况以及提供更具备场景化的服务

字段说明

验证接入

接入完成后，可以采取以下步骤来验证 DaoVoice 是否正常工作：

1. 打开植入代码的页面,点击页面右下角的蓝色按钮，出现对话框
2. 在多个终端使用有效注册的用户ID登入网站并发起对话，DaoVoice 管理后台会显示每位用户的对话以及用户信息（用户的ID、Email、创建时间等，任何你在前端通过代码提供的信息，都会在后台显示）
3. 对话被保存在 DaoVoice 管理后台记录里，管理员和发起对话的用户都将收到邮件提醒

系统需求

DaoVoice Widget 支持以下浏览器版本

Chrome
Firefox
Safari 6+
Internet Explorer 9/10/11
Android 4+
IOS 6+
DaoVoice Widget 需要浏览器支持 HTTPS 和跨域。

这不是你想找的？

如何将 访客用户接入DaoVoice 可能是你需要的

下一步

我们将介绍 DaoVoice 订制 功能，使用 DaoVoice 定制功能，将 DaoVoice 调整的更加契合你的品牌形象。