在Next.js中设置Pendo

wfveoks0  于 2022-12-18  发布在  其他
关注(0)|答案(1)|浏览(125)

我们在项目中使用带有SSR的Next.js 12。我已经通读了Pendo文档,但我仍然不确定在代码中的何处放置安装片段,因为Next.js没有提供index.html文件。我们使用布局,但是布局的顶部是放置Pendo的好位置吗?
我试图将代码片段作为函数放在布局组件的return中,但显然不是这样。
谢谢你的帮助!

xyhw6mcr

xyhw6mcr1#

您的_app.tsx应该以如下形式开始,这将起作用:

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      {/* Pendo Offsite MPA setup code snippet */}
      <script
        dangerouslySetInnerHTML={{
          __html: `
            (function(apiKey){
              ...
              ...
              });
            });`,
        }}
      />

      <sometag />
    </>
  );
}

将您的 Pendo 脚本代码作为注解块粘贴到上面的占位符中。
_app.js文件作为index.js工作,index.js是整个应用程序(包括每个子页面)的入口点。

相关问题