Question

我使用UTM参数来跟踪Google Analytics中的传入链接。

假设我的网址看起来像这样

https://www.domain.tld/shop?utm_source=newsletter&utm_medium=email&utm_campaign=spring_sale

我想清理网址。期望的结果是

https://www.domain.tld/shop

在网络上，我发现了以下snippet

(function() {
    var win = window;
    var removeUtms = function(){
        var location = win.location;
        if (location.search.indexOf('utm_') != -1 && history.replaceState) {
            history.replaceState({}, '', window.location.toString().replace(/(\&|\?)utm([_a-z0-9=]+)/g, ""));
        }
    };
    ga('send', 'pageview', { 'hitCallback': removeUtms });
})();

目前我的CMS中的Google Analytics模板看起来像这样

<?php
    /**
     * To use this script, please fill in your Google Analytics ID below
     */
    $GoogleAnalyticsId = 'UA-bla-bla';
    /**
     * DO NOT EDIT ANYTHING BELOW THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING!
     */
    if ($GoogleAnalyticsId != 'UA-XXXXX-X' && !BE_USER_LOGGED_IN && sha1(session_id() . (!Config::get('disableIpCheck') ? Environment::get('ip') : '') . 'BE_USER_AUTH') != Input::cookie('BE_USER_AUTH')): ?>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', '<?php echo $GoogleAnalyticsId; ?>', 'auto');
      <?php if ($GLOBALS['TL_CONFIG']['privacyAnonymizeGA']): ?>
        ga('set', 'anonymizeIp', true);
      <?php endif; ?>
      ga('send', 'pageview');
    </script>
<?php endif; ?>

......我不知道如何将这些代码整合在一起。

也许甚至可以更好地解决我的问题？

Answer 1

我提出的解决方案使用History API从init_printing(long_frac_ratio=2)开始的网址中删除任何查询参数。重要的是在使用utm参数将页面视图数据发送到Google Analytics之后更改网址。为此，我们使用utm_函数with a callback并在调用ga之后将其设置，这通常是Google Analytics跟踪代码段的最后一行。我使用了ga('send', 'pageview')代替history.replaceState，因此如果用户导航回此页面，则utm参数将不再存在。这基本上假设您只想使用utm参数报告请求。我相信这适合大多数情况。我进行了功能检查，因此如果浏览器不支持history.pushState，它将无效。

history.replaceState

Answer 2

如果您要从网址中删除所有查询数据，可以按照此处的建议拆分?符号上的网址字符串：Remove querystring from URL

从URL中删除UTM参数

2 个答案: