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

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

Avatar photo
2月 23, 2023

对于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上的完整代码。


Related Stories