HubSpot实时聊天嵌入Next.js 13与typescript

vbkedwbf  于 2023-10-18  发布在  TypeScript
关注(0)|答案(1)|浏览(108)

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

7jmck4yq

7jmck4yq1#

以下是如何使用应用路由器和类型脚本将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 documentation here

相关问题