Google Analytics（分析）/跟蹤代碼管理器-事件跟蹤-我很困惑

Question

我正在開發一個網頁，並被要求檢測后端以記錄用戶對鏈接的點擊。 我找到了Google Analytics（分析），並認為這將提供他們可能想要的所有跟蹤。 因此，我建立了一個Google Analytics（分析）帳戶。 在網頁的開頭，我添加了：

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

然后，我在頁面上添加了一個按鈕，如下所示：

<a href="didyouknow.html" class="btn btn-primary" onclick="trackOutboundLink(this, 'Internal Links', 'Did You Know'); return false;">More</a>

然后，我一直試圖弄清楚如何跟蹤鏈接點擊。 我遇到了3種不同的方法，但我不知道該如何使用：

function trackOutboundLink(link, category, action) {
    try {
        _gaq.push(['_trackEvent', category, action]);// OPTION 1
        ga('send', 'event', category, action);       // OPTION 2
        gtag('event', category, action);             // OPTION 3
    } catch (err) {
    }
    setTimeout(function () {
        document.location.href = link.href;
    }, 100);
}

從我閱讀的內容來看，選項1已過時。 選項3似乎最符合我必須添加的腳本中的gtag代碼。 但是我不確定這是否還需要訂閱Google跟蹤代碼管理器？ 我很難測試，因為系統管理員必須將我的網頁和腳本部署到服務器上，並且目前響應速度並不快。 在我的PC上本地運行網頁時，我還可以測試這種方法是否有效嗎？ 謝謝

Answer 1

Gtag-Google針對Web的Analytics API的最新實現。 它不需要Google雙擊即可起作用（但它基於doubleclick代碼，因此以后您選擇使用它時，可以更輕松地進行集成）。

要使用此方法跟蹤鏈接：

function trackOutboundLink(link, category, action) {
    try {

       gtag('event', 'play', {
         'send_to': 'UA-MYCODEXX-1',
         'event_category': 'Videos',
         'event_label': 'Fall Campaign'
       });

    } catch (err) {
    }
    setTimeout(function () {
        document.location.href = link.href;
    }, 100);
}

請參閱遷移指南以獲取有關此最新版本帶來的差異的幫助（與您可能在網絡上找到的其他代碼相比）。 https://developers.google.com/analytics/devguides/collection/gtagjs/migration

至於調試-這里有一個適用於Google Analytics（分析）的Chrome插件：

https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh?hl=en

我以前已經成功地使用它來調試本地事件，因為它將在控制台中提供一些輸出。

Answer 2

您的Google Analytics（分析）腳本是正確的，並且將其包含在頭部內是正確的。

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

使用最新的Google Analytics（分析）腳本時，事件跟蹤將為gtag。

gtag('event', 'Title goes here', {'event_category': 'Category goes here','event_label': 'Label goes here'});

最好的測試方法是登錄您的Google Analytics（分析）帳戶，在左側“報告”菜單下的此特定屬性上，您會發現“實時”。 在實時下，您具有事件選項卡。

如果從網站上單擊onClick事件，則應觸發一個事件以顯示在“事件”選項卡中，如果您看到這種情況，則知道事件正在觸發。 可以從本地PC進行測試。

標記管理器也可以完成此操作，但設置過程有所不同。