Интеграция службы чата Drift в сайт Gatsby

Я пытаюсь добавить функцию чата Drift на свой сайт Gatsby. В учебнике Drift говорится, что нужно добавить этот фрагмент кода между тегами;

<!-- Start of Async Drift Code -->
<script>
"use strict";

!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('XYZXYZXYZXYZ');
</script>
<!-- End of Async Drift Code -->

Однако я не уверен, где это добавить, поскольку я не могу найти тег в своем проекте. Мой проект изложен так же, как этот - https://github.com/gatsbyjs/gatsby-starter-blog

Мне также известен плагин gatsby для Drift, но я не уверен, как его использовать.

У меня вопрос, где мне добавить этот javascript, чтобы он работал на моем веб-сайте на основе gatsby?

Спасибо.


reactjs javascript gatsby chatbot drift
person James Brightman    schedule 09.10.2019    source источник
comment
Обновление - я запустил cp .cache/default-html.js src/html.js, который позволяет мне добавлять собственный HTML-код в файл html.js. Однако пользовательский код дрейфа не компилируется в этом файле, большая его часть неактивна, и есть ошибки, указывающие на ожидаемое выражение JS.   -  person James Brightman    schedule 09.10.2019

Ответы (1)


arrow_upward
2
arrow_downward

Оказывается, этот комментарий был тем, что мне нужно было сделать - https://stackoverflow.com/a/54835129/5443318

Надеюсь, это поможет кому-то другому.

 <script
                  dangerouslySetInnerHTML={{
                      __html: `
            "use strict";

            !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('XYZXYZXYZ');
            `,}}/>
person James Brightman    schedule 09.10.2019
comment
Спасибо за ответ. Мне это действительно помогло. Плагин для добавления дрейфа в gatsby работает некорректно. - person Mario; 17.10.2019
comment
Да, жаль, что плагин Gatsby не работает. Рад, что это было полезно! - person James Brightman; 17.10.2019