javascript - 带有 Next.js 11 脚本的 TruConversion 热图脚本

Question

我正在尝试在我的 Next.js 11 网站上安装 TruConversion 的热图脚本。

在 TruConversion 的主页上，他们声明我应该在</head>标签之前添加他们的脚本。

Next.js 的文档说我不应该在 next/head 组件或 pages/_document.js 中使用“next/script”。

所以，我很困惑。我应该在哪里添加该热图脚本？

标签： javascriptreactjsnext.jsscript

Answer 1

要使用 TruConversion 的热图，您需要先加载跟踪代码，然后启动热图跟踪。

您可以将跟踪代码放置<script /> 在使用pages/_document.js本示例中的Head组件中，也可以使用新技术 with （注意大写）放置在其中，如此处所示。pages/index.js<Script />strategy="beforeInteractive"next/scripts

任何一种方法都会在页面加载的早期加载跟踪脚本。

预加载后，您现在可以触发 TruConversion 在应用程序的任何位置启动热图跟踪。