网站应用(访客模块接入)

只需数分钟的安装,你将与你网站上的访客建立联系「 那些还不是注册用户的人 」

(部分浏览器可能出现不兼容的情况,推荐使用 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://widget.daovoice.io/widget/APP_ID.js","daovoice");</script>
<script>
  daovoice('init', {
    app_id: "APP_ID",
  });
  daovoice('update');
</script>

 

验证接入

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

  1. 打开植入代码的页面,点击页面右下角的蓝色按钮,出现对话框
  2. 在多个 Web 终端使用匿名身份访问网站并发起对话, DaoVoice 管理后台会显示多个已被区分的访客,标示为 X 颜色的 Y(如紫色的茄子)
  3. 对话被保存在 DaoVoice 管理后台记录里,管理员和发起对话的用户都将收到邮件提醒

系统需求

DaoVoice Widget 支持以下浏览器版本

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

 

这不是你想找的?

如何将注册用户接入DaoVoice 可能是你需要的。

下一步

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