我们在项目中使用带有SSR的Next.js 12。我已经通读了Pendo文档,但我仍然不确定在代码中的何处放置安装片段,因为Next.js没有提供index.html文件。我们使用布局,但是布局的顶部是放置Pendo的好位置吗?我试图将代码片段作为函数放在布局组件的return中,但显然不是这样。谢谢你的帮助!
xyhw6mcr1#
您的_app.tsx应该以如下形式开始,这将起作用:
_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是整个应用程序(包括每个子页面)的入口点。
_app.js
index.js
1条答案
按热度按时间xyhw6mcr1#
您的
_app.tsx
应该以如下形式开始,这将起作用:将您的 Pendo 脚本代码作为注解块粘贴到上面的占位符中。
_app.js
文件作为index.js
工作,index.js
是整个应用程序(包括每个子页面)的入口点。