NextJS 上的 MoEngage

问题描述

我在 Next.js 中实现 MoEngage 时遇到问题。

这是 Reactjs 的 MoEngage 文档，MoEngage ReactJS

但问题是，我在 NextJS 中找不到 index.html。我已经尝试在 Head 组件下放入 _documents.tsx。

import {Html,Head} from 'next/document'
<Html>
   <Head>
     <script
        dangerouslySetInnerHTML={{
          __html: `
          (function(i,s,o,g,r,a,m,n) {
    i.moengage_object = r;
    t = {};
    q = function(f) {
      return function() {
        (i.moengage_q = i.moengage_q || []).push({ f: f,a: arguments });
      };
    };
    (f = [
      'track_event','add_user_attribute','add_first_name','add_last_name','add_email','add_mobile','add_user_name','add_gender','add_birthday','destroy_session','add_unique_user_id','moe_events','call_web_push','track','location_type_attribute',]),(h = { onsite: ['getData'] });
    for (k in f) {
      t[f[k]] = q(f[k]);
    }
    a = s.createElement(o);
    m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    m.parentNode.insertBefore(a,m);
    i.moe =
      i.moe ||
      function() {
        n = arguments[0];
        return t;
      };
    a.onload = function() {
      if (n) {
        i[r] = moe(n);
      }
    };
  })(
    window,document,'script','https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js','Moengage'
  );

  Moengage = moe({
    app_id: ${moeID},debug_logs: ${moeDebug},swPath: '/service-worker.js',});
      `,}}
      />
   </Head>
</Html>

它不起作用，有谁知道如何在 NextJS 上实现这个脚本标签？我尝试这种方法就像添加 Google Analytics 一样，它适用于 Google Analytics，但不适用于 MoEngage。

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

analytics moengage script-tag

NextJS 上的 MoEngage

问题描述

解决方法

相关问答