: 三角形 flag on 站点: 此软件包针对开发者. 如果你想在你的网站上加入Chatra, 请检查我们 安装指南 为大众电子商务平台和内容管理系统或 添加一个小代码片段 进入您的网站.
公务 查特拉语Name 模块
此模块加载了 Chatra 部件, 并将方法调用到 Javascript API (简体中文)。 。 。 .
关键特性 :
- 容易与您的网站或网络应用程序整合
- 与React、Angular、Vue和其他框架完美地工作
- 使用ES5实现最大相容性.
安装
要将聊天部件添加到您的网站或网络应用程序中, 与 Chatra 签约。 。 。 .
如果您已经有账户, 请使用您最喜欢的软件包管理器安装此软件包 :
$ npm install @chatra/chatra
$ yarn add @chatra/chatra
配置
步骤1. 转到 首选项一节 并复制 公用钥匙。 。 。 .
步骤二. 初始化索引.js或根控制器中的部件
指数.js
let Chatra = require('chatra')
let config = {
ID: 'Paste your Public key here'
}
Chatra('init', config)
:triangular flag on post:您可以通过路过来自定义聊天和按钮的外观,本地化,以及其他很多设置 setup 到初始化配置。 请检查一下 Javascript API 文档 详细情况.
指数.js
let config = {
setup: {
buttonSize: 75
},
ID: 'Paste your ChatraID here'
}
此外,你还可以 通过任意访问者信息 使用 integration 键 :
指数.js
let config = {
integration: {
name: 'Cowardly Lion',
email: '[email protected]',
/* any number of custom properties */
'What does he do': 'Goes to Oz with his friends'
},
ID: 'Paste your ChatraID here'
}
步骤3 (可选)。 。 。 . 打电话 PageView 启用 目标聊天和触发。 。 。 .
如果您的网站或网络应用程序动态地加载页面,并更新文档的URL而不需要完整页面加载,则在页面更改以跟踪这些视图并在Chatra仪表板上看到时,请使用以下方法:
Chatra('pageView')
我们建议在您的路由器或页面控制器中调用这种方法.
高级使用
更新设置
您可以通过调用更新初始化后的设置 Chatra('init', config) ,它将随着应用的新设置重新启动 Chatra .
方法
方法 用于动态改变聊天部件的行为。 方法可以在部件初始化后的任何地方调用,例如:
Chatra('expandWidget')
在Chatra装入完成前所做的所有方法调用被放入队列并等Chatra准备好后执行.
联系我们
如果你有任何问题 请随意 联系我们。 。 。 .