步骤1:在tawk.to聊天软件上创建一个免费帐户
访问 tawk.to 软件主页创建帐户。Tawk.to 将自动发送一封电子邮件,其中包含可附加到您网站的脚本代码,以便 tawk.to 可以在网站上运行。
如果您没有收到电子邮件,您可以访问 tawk.to 获取代码。
登录多个tawk.to帐户
管理员访问权限
填写网站信息
单击“创建”

步骤2:使用Google跟踪代码管理器在您的网站上安装tawk.to
- 访问您的 Google Tag Manager 帐户
- 创建新标签:自定义 HTML 标签类型
- 触发选择所有页面
粘贴以下代码 并在 tawk.to 生成的代码中将“https://embed.tawk.to/5916947b64f23d19a89b1f60/default”替换为您的代码。
如果您看不到内容,请点赞以便继续浏览。谢谢!
[sociallocker id=”20715″]<script type=”text/javascript”>
//在此处粘贴您的 Tawk 嵌入代码,不带脚本标签
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=新日期();
(功能(){
var s1 = document.createElement(“script”),s0 = document.getElementsByTagName(“script”)[0];
s1.异步=真;
s1.src='https://embed.tawk.to/5c527c74ab52840489/default';
s1.字符集='UTF-8′;
s1.设置属性('跨域','*');
s0.parentNode.insertBefore(s1,s0);
})();
// 事件监听函数部分
// 这会将 Tawk.to API 公开的预定义事件推送到 dataLayer,可以通过 Google Tag Manager 获取并转发到任何可以连接到 GTM 的跟踪软件
var dataLayerPush = 函数(事件){
数据层.推送({
‘事件’:‘tawk.to’,
‘eventAction’:事件
});
控制台.log({
‘事件’:‘tawk.to’,
‘eventAction’:事件
});
}
Tawk_API.onChatStarted = 函数(){
dataLayerPush(“聊天开始”);
};
Tawk_API.onChatMaximized = 函数(){
dataLayerPush(“聊天窗口已打开”);
};
Tawk_API.onChatMinimized = 函数(){
dataLayerPush(“聊天窗口已关闭”);
};
Tawk_API.onChatHidden = 函数(){
dataLayerPush(“聊天窗口隐藏”);
};
Tawk_API.onChatStarted = 函数(){
dataLayerPush(“聊天开始”);
};
Tawk_API.onChatEnded = 函数(){
dataLayerPush(“聊天结束”);
};
Tawk_API.onPrechatSubmit =函数(数据){
dataLayerPush(“预聊天表单已提交”);
};
Tawk_API.onOfflineSubmit =函数(数据){
dataLayerPush(“离线聊天提交”);
};
[/sociallocker]
步骤3:跟踪聊天开始事件,聊天前信息,离线聊天tawk.to
3.1 创建数据类变量来记录事件
- 左侧菜单选择变量。
- 变量类型选择数据类变量。
- 变量名 事件动作 (在上面的代码中 dataLayer.push({ 'event': 'tawk.to', 'eventAction': event }); 推送名为 tawk.to 的事件)
- 命名并保存变量。
3.2创建触发器以触发tawk.to事件
- 左侧菜单选择触发器
- 创建新触发器
- 触发器类型:自定义事件
- 激活器名称: tawk.to
- 命名并保存
3.3创建标签以将tawk.to聊天事件推送到Google Analytics
- 左侧菜单选择标签
- 创建新卡片
- 标签类型:Universal Analytics
- 类别: tawk.to
- 操作:{eventAction} 您刚刚创建的变量,您可以单击旁边的 + 来显示变量列表。
- 标签:您选择页面路径即可知道客户在网站上的哪个帖子上聊天。
- Google Analytics 设置:选择 GA 变量(如果您尚未创建变量),您可以单击选择设置变量并创建新变量
- 选择的触发器:Tawk.to触发器(刚刚创建的触发器)
- 命名卡片并保存卡片。
3.4 检查tawk.to聊天转换事件设置是否有效?
在 Google Tag Manager 中选择预览
返回您的网站并尝试聊天,看看tawk.to GA标签是否正常工作,如下所示。 如果可以正常工作,则表示您已成功安装它。
3.5 在 Google Analytics 中设置 tawk.to 聊天事件
- 帐户访问 谷歌分析
- 左侧菜单分析选择管理
- 选择目标并创建新的
- 目标设定:自定义
- 目标描述:命名并选择事件
- 目标详细信息:类别-> tawk.to(与在标签管理器中创建标签时设置的相同)
- 保存目标
您想知道为什么不像在 Google 跟踪代码管理器中那样填写任务和标签。在创建 tawk.to 聊天事件标签时,您可以使用变量创建任务和标签。您可以在创建 tawk.to 标签时查看第一个代码。该任务将包含 3 个不同的事件:开始聊天、聊天前填写表单、离线时填写表单。我不必根据上述 3 个事件创建 3 个不同的标签,而是创建变量进行临时存储,然后推送到分析。
祝您安装成功,提供更好的客户服务,更重要的是优化广告。
参见: