当前位置：首页 > news >正文

Tidio实时聊工具

news 2025/8/19 9:38:42

场景：海外业务，比如H5 或者其他网站，需要接入聊天工具，实时与用户进行沟通。增强时效性。

Tidio工具就非常方便，不用自己搭建Websocket服务端, 用户量不多的情况下，可以免费使用

开发文档

[Enable Tidio OpenAPI]

它的主要特点和优势包括：

轻松集成：正如您所说，最简单的方式就是在您的网站 <head> 或 </body> 标签之间插入一段由 Tidio 提供的 JavaScript 代码。添加后，聊天窗口就会自动出现在您的网页上。
网页端与桌面端：Tidio 提供网页管理后台，同时也支持桌面客户端（Windows 和 macOS），方便客服人员随时响应访客消息。
实时聊天：支持网站访客与客服人员之间的实时文字聊天，提升客户响应速度。
访客追踪：可以查看当前在线的访客、他们浏览的页面以及停留时间，便于主动发起对话。
聊天机器人（Chatbot）：支持设置自动回复和智能聊天机器人，可在客服不在线时提供基础问答服务，24/7 响应。
多渠道支持：除了网站聊天，还支持集成 Facebook Messenger、WhatsApp 等社交渠道。
数据分析与报告：提供聊天记录、客服绩效、访客行为等数据，帮助优化客户服务。
自定义外观：您可以自定义聊天窗口的颜色、位置、图标和欢迎语，使其与您的网站风格保持一致。

如何使用 Tidio：

注册 Tidio 账号（官网：https://www.tidio.com/）
获取专属的 JavaScript 代码片段
将代码插入您网站的每个页面（通常放在 </body> 前）
登录 Tidio 后台，设置客服人员、聊天机器人和自动消息
开始与访客实时沟通！

如果您使用的是 WordPress、Shopify、Wix 等常见建站平台，Tidio 还提供官方插件，安装更加便捷。

✅ 步骤一：注册并获取您的专属代码

访问 Tidio 官网：https://www.tidio.com
点击 “Sign Up” 免费注册一个账户（支持邮箱或 Google 登录）。
注册并登录后，系统会自动跳转到 仪表盘（Dashboard）。
在左侧菜单中找到 “Settings” → “Developer” → “Installation”。
您会看到一段类似如下的 JavaScript 代码，其中包含您的唯一 publicKey。

<script src="//code.tidio.co/your-unique-public-key.js" async></script>

<!-- Tidio Chat Script -->
<script>!function(){var t = window.tidioChatApi = window.tidioChatApi || [];if(t.loaded) return;var e = document.createElement("script");e.async = !0, e.src = "//code.tidio.co/your-unique-public-key.js", e.type = "text/javascript";var n = document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e, n);t.load = function(apiKey){t.apiKey = apiKey;t.loaded = !0;};}();// 加载您的 Tidio 聊天窗口（使用您自己的 publicKey）tidioChatApi.load("your-unique-public-key");
</script>

步骤二：将代码插入您的网站

将上述代码插入您网站的每一个页面的 </body> 标签结束前，例如：

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>我的网站</title>
</head>
<body><!-- 您的网页内容 --><!-- 在 </body> 前插入 Tidio 代码 --><script src="//code.tidio.co/abc123def456ghi789jkl0.js" async></script>
</body>
</html>

插入后，访问您的网站，右下角就会出现 Tidio 的聊天图标了！