如何在 NEXTJS 中添加腳本標簽？

Question

我正在嘗試將 sumome 添加到我的下一個應用程序中。

他們提供了這個代碼

 <script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='xxxxxxxxxxxxxxxxxxxxxxxxxxx';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumo.com/');</script>

我知道 next 有它自己的腳本標簽，但我無法使用它正確設置它。 所以，我在這里需要一些幫助。 謝謝你。

Answer 1

從next/script導入Script

並像這樣使用它：

import Script from 'next/script'

...

<Script
  strategy="afterInteractive"
  dangerouslySetInnerHTML={{
    __html: `
    (function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='xxxxxxxxxxxxxxxxxxxxxxxxxxx';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumo.com/');
  `,
  }}
/>