页面转换后刷新 SPA 上的 Hubspot 聊天小部件答案

【问题标题】：Refreshing Hubspots chat widget on SPA after page transition页面转换后刷新 SPA 上的 Hubspot 聊天小部件
【发布时间】：2021-05-04 22:37:01
【问题描述】：

我在 Vue-SPA 上实现了 Hubspot。

它按预期工作。但聊天小部件不跟踪 SPA 页面转换。

docs 建议使用 window.HubSpotConversations.widget.refresh(); 处理 SPA 上未跟踪的页面转换。

如果设置的显示欢迎文本的延迟尚未结束。
refresh() 会触发错误的聊天流程。

但如果它已经结束了，这行得通。
有点。
因为如果新的欢迎文字比旧的长，它就会被裁剪。

另一个问题： refresh() 不会结束已经通过聊天开始的对话，但如果聊天是打开的，它将在之后关闭。而且我不知道如何告诉小部件按照您的预期重新打开。

【问题讨论】：

【解决方案1】：

如此处所述：https://developers.hubspot.com/docs/api/events/tracking-code，您需要在 SPA 中处理路由更改事件，然后像这样调用trackPageView：

var _hsq = window._hsq = window._hsq || [];
_hsq.push(['trackPageView']);

您可能还想在文档中描述的某些情况下调用setPath。

【讨论】：