javascript - 如何在 Angular js 中使用 Google Optimize 触发激活事件？

Question

我们在页面的标题标签顶部添加了谷歌优化狙击代码，我们还添加了 et headTag

<script>
  .async - hide {
    opacity: 0!important
  }
</script>

<script>
  (function(a, s, y, n, c, h, i, d, e) {
    s.className += ' ' + y;
    h.start = 1 * new Date;
    h.end = i = function() {
      s.className = s.className.replace(RegExp(' ?' + y), '')
    };
    (a[n] = a[n] || []).hide = h;
    setTimeout(function() {
      i();
      h.end = null
    }, c);
    h.timeout = c;
  })(window, document.documentElement, 'async-hide', 'dataLayer', 4000, {
    'GTM-XXXXX': true
  })
  ';
</script>

<<script>https://www.googletagmanager.com/gtag/js?id=UA-XXXXX</script>

  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());
    gtag('config', 'UA-XXXXX ', {
      'optimize_id': 'GTM-XXXXC'
    });
  </script>

• 在此 Google Analytics 代码段之后，然后是 GTM 容器脚本。

• 当应用程序在第 1 次加载时，从第 1 页导航到下一页并返回第 1 页更改后可见的变体更改不会保留。

• 有人可以帮我解决如何在每次页面加载时触发激活事件吗？！

标签： javascriptangularjssingle-page-applicationanalyticsgoogle-optimize