时间戳

首页 > 解决方案 > 如何在打字稿/角度程序上使用 hubspot Conversations sdk？

angular - 如何在打字稿/角度程序上使用 hubspot Conversations sdk？

问题描述

我得到了一些 javascript 代码表单https://developers.hubspot.com/docs/api/conversation/chat-widget-sdk

window.HubSpotConversations.widget.load();
window.HubSpotConversations.widget.refresh();
window.HubSpotConversations.widget.open();
window.HubSpotConversations.widget.close();

现在我想在打字稿/角度程序的不同页面上隐藏或显示 HubSpot 聊天气泡，你知道吗？提前致谢

标签： angulartypescripthubspot

解决方案

要隐藏/删除 Hubspot 聊天气泡，您可以使用窗口上可用的方法，例如：

window.HubSpotConversations.widget.remove();

要再次加载它，您可以使用：

window.HubSpotConversations.widget.load();

或者，如果您想重置并重新加载（例如，如果您更改了某些用户信息）：

window.HubSpotConversations.widget.resetAndReloadWidget();

而且，对于打字稿，您需要为要使用的元素添加一个类型，例如：

declare global {
  var HubSpotConversations: {
    widget: {
      remove: () => void;
      load: () => void;
    };
  };
}

您可以查看文档：https ://developers.hubspot.com/docs/api/conversation/chat-widget-sdk

推荐阅读