使用 javascript 手动设置 gtag utm 参数答案

【问题标题】：Set gtag utm parameters manually using javascript使用 javascript 手动设置 gtag utm 参数
【发布时间】：2019-06-28 13:17:56
【问题描述】：

为了更好地跟踪跨域 iframe，我想为 Google Analytics 的 gtag 手动设置 utm 参数。

我无法更改它添加 utm_source={source} 等的 url。

我的 iframe 加载如下：

<iframe src="https://example.com/?pagetest=a&source=source_page"></iframe>

然后在服务器端，我将提取这些参数，因此如果另一个父站点放置，即referer_source 而不仅仅是源，我可以更改它，因此在 javascript 中所有变量都是相同的。

我找到了this thread，但它对我不起作用。这是标题中的脚本代码：

     <script async src="https://www.googletagmanager.com/gtag/js?id={id}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{id}',{
        'page_title':'title',
        'page_referrer':'{ source }',
        'page_location':'/current_page',
        'page_path':'/current_page',
        });

        // Sends an event that passes 'age' as a parameter.
        gtag('event', 'page_view', {'pagetest': 'a'});
    </script>

我仍然将 iframe 的父域视为引荐，并且在事件选项卡中我只看到

事件类别：一般；事件动作：pagetest；事件：100%

我想对页面上的总数进行分析，然后能够在示例中分解 pagetest a 和 pagetest b。

如何在 javascript 中设置所有这些点？

【问题讨论】：

还在寻找解决方案？
@OpenSEO 是的，还没有找到合适的解决方案。

标签： google-analytics gtag.js utm-tracking

【解决方案1】：

你可以尝试这样的事情，告诉我它与你的用例的匹配程度：

    <script async src="https://www.googletagmanager.com/gtag/js?id={id}"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }
    // set everything once for every susbsequent hits
    // add source information to LOCATION throught utm_referrer
    // clear the referrer value to prevent interfering with the value you're adding through utm_referrer
    gtag('set', {
        'page_location': '/current_page' + '?utm_referrer=' + encodeURIComponent(source),
        'page_referrer': null,
        'page_path': '/current_page'
    });
    gtag('js', new Date());
    gtag('config', '{id}', {
        'page_title': 'initial page title'
    });

    // Send another page view 
    gtag('event', 'page_view', {
        'page_path': '/virtual_page_path_value',
        'page_title': 'title for virtual page view'
    });
</script>

【讨论】：