0

我会尝试将 Drift.com 小部件添加到我的 Next js 网站，但有时脚本在<Head />工作中，有时没有。而且它的 iframe 不起作用...

Next Js和这种小部件有可能不兼容吗？

const Home: NextPage = () => {
  return (
    <>
      <Head>
        {/* Drift */}
        <script
          dangerouslySetInnerHTML={{
            __html: `
              !function() {
                var t = window.driftt = window.drift = window.driftt || [];
                if (!t.init) {
                  if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
                  t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 
                  t.factory = function(e) {
                    return function() {
                      var n = Array.prototype.slice.call(arguments);
                      return n.unshift(e), t.push(n), t;
                    };
                  }, t.methods.forEach(function(e) {
                    t[e] = t.factory(e);
                  }), t.load = function(t) {
                    var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
                    o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
                    var i = document.getElementsByTagName("script")[0];
                    i.parentNode.insertBefore(o, i);
                  };
                }
              }();
              drift.SNIPPET_VERSION = '0.3.1';
              drift.load('XXXXXXXXXX');
            `,
          }}        
        />
      </Head>
    </>
  )
}

export default Home
4

0 回答 0