Question

我的vue.js项目遇到问题。我有一个功能，必须在我的项目中添加该功能。当我添加index.html时，我的函数（在头项目中创建tagManager的函数）不起作用。因此，我尝试在mounted()中添加App.vue（vue组件中的主文件）。但是我仍然有一个问题，如何将其添加到模板中。我的功能是：

 <script>
  (function(w, d, s, l, i) {
    w[l] = w[l] || [];
    w[l].push({
      "gtm.start": new Date().getTime(),
      event: "gtm.js"
    });
    var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s),
      dl = l != "dataLayer" ? "&l=" + l : "";
    j.async = true;
    j.src = "https://www.googletagmanager.com;
    f.parentNode.insertBefore(j, f);
  })(window, document, "script", "dataLayer");
  </script>

我想我将在安装时设置此脚本，然后执行document.head.appendChild。但是功能太复杂了，所以我有一个问题。知道如何将这个脚本添加到我的项目的头上吗？

Answer 1

将此脚本放入没有<script>标签的js文件中。例如，您可以将其命名为gtm.js

然后从您的vue.js项目的main.js中导入文件：

import './gtm.js'

如何在vue.js中添加标签管理器

1 个答案: