HubSpot 实时聊天通过打字稿嵌入 Next.js 13 中

Question

在我的应用程序中，当我刷新按钮时聊天框工作正常，但当我浏览其他页面并返回到嵌入页面时，聊天框不会出现。我想将 HubSpot 聊天集成到我的“帮助”页面中，仅在此页面上用户应该有一个聊天窗口。 这是我的代码

your text

Answer 1

以下是如何使用应用程序路由器和打字稿将 Hubspot 聊天添加到 Next.js 13：

import Script from 'next/script'
 
export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <>
      <section>{children}</section>
      <Script
    type="text/javascript"
    id="hs-script-loader"
    async
    defer
    src="//js.hs-scripts.com/HUBSPOT_SCRIPT_ID.js"
  />
    </>
  )
}

在此处查看 Next.js 文档。