Reading:
如何在React中向tawk.to小部件传递自定义属性?

如何在React中向tawk.to小部件传递自定义属性?

Avatar photo
作者 Lennart Guth
23 2 月, 2023
tawkto

对于PDF邮件合并器,我们使用tawk.to进行即时聊天。 有了这个小部件,我们的用户可以直接从我们的应用程序中向我们发送信息。

在以前的实施中,我们面临的问题是,所有的用户都以V812368123891237(或类似)的形式显示在支持仪表板上。 在这种匿名的形式下,很难将用户请求分配给我们应用中的登录用户。

为了改善我们的客户支持,我们面临着将用户定义的属性(如电子邮件名字姓氏)从我们的登录用户发送到tawk.to API的挑战。

我们有点惊讶,虽然React是最流行的JavaScript框架之一,而且tawk.to也是一个流行的聊天小工具,但却没有这方面的文档。

下面我们向你展示我们在React中的实现。

首先,我们创建一个模块,调用tawk.to API,并在onLoad过程中传递我们的用户定义的属性(在我们的例子中是电子邮件、名字和姓氏)。 我们在src/util/tawkto.js目录下添加了该模块。

然后我们把这个模块导入我们的AppRouter.js模块,并使用useEffect钩子来调用我们的tawk.to模块。

确保你将小部件加载到你的应用根目录,以便它在所有页面上显示。

请看Github上的完整代码。


相关文章

PDF file 9
5 11 月, 2023

远程员工培训计划中的 PDF

Avatar photo
作者 Meelika Kivi
pexels jakubzerdzicki 24335156
26 10 月, 2024

PDF 在跨境法律交易中的作用

Avatar photo
作者 Meelika Kivi
pexels angela roma 7318945
13 10 月, 2025

什么是邮件合并以及为何使用它

Avatar photo
作者 Meelika Kivi