谷歌分析动态 gtag 参数答案

【问题标题】：Google Analytics Dynamic gtag Parameters谷歌分析动态 gtag 参数
【发布时间】：2018-07-14 05:51:56
【问题描述】：

如何向 Google Analytics（分析）gtag 添加动态参数？可能存在我想为特定操作传入自定义维度（链接）并将其从不同操作中排除的情况。下面是我试图弄清楚如何生成动态参数的示例。

<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123456"></script>

<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-123456', {
    'custom_map': { 'dimension1': 'Page',
                    'dimension2': 'View',
                    'dimension3': 'Page Area',
                    'dimension4': 'GUID',
                    'dimension5': 'Link'}
});

$(document).ready(function () {

    $.trackPageAction = function(pageObj) {

        gtag('event', 'page_view', {

            'event_category': pageObj.category,
            'event_action': pageObj.action,
            'event_label': pageObj.label,
            'Page': pageObj.page,
            'View': pageObj.view,
            'Page Area': pageObj.area,
            'GUID': <?php echo session('customer_id'); ?>

        });

        <!-- HOW WOULD I ADD A DYNAMIC PARAMETER?? -->
        <!--
        if(typeof pageObj.link != 'undefined'){
            gtag['Link'] = pageObj.link;
        }
        -->

    }

});
</script>

<!-- WITH LINK PARAM -->
<a href="#" onclick="$.trackPageAction({category : 'Navigation', action : 'Page Navigation', label : 'Timeline Page', view : 'you', area : 'Footer', page : 'timeline', 'Link' : 'http://yahoo.com'})">TIMELINE</a>

<!-- WITHOUT LINK PARAM -->
<a href="#" onclick="$.trackPageAction({category : 'Navigation', action : 'Page Navigation', label : 'About Page', view : 'you', area : 'Footer', page : 'about'})">ABOUT</a>

【问题讨论】：

标签： javascript jquery google-analytics gtag.js

【解决方案1】：

您可以在将对象传递给函数之前在 javascript 中创建对象。

$(document).ready(function () {

  $.trackPageAction = function(pageObj) {
    let options = {
        'event_category': pageObj.category,
        'event_action': pageObj.action,
        'event_label': pageObj.label,
        'Page': pageObj.page,
        'View': pageObj.view,
        'Page Area': pageObj.area,
        'GUID': '<?php echo session('customer_id'); ?>'
    };
    if(typeof pageObj.link != 'undefined'){
        options['Link'] = pageObj.link;
    }

    gtag('event', 'page_view', options);
  }

});

【讨论】：