Google Analytics / Tag Manager - Отслеживание событий - я в замешательстве - PullRequest
Новая
       6

Google Analytics / Tag Manager - Отслеживание событий - я в замешательстве

0 голосов
/ 29 июня 2018

Я занимаюсь разработкой веб-страницы, и мне было предложено задокументировать, как пользователь нажимает на ссылки. Я нашел аналитику Google и подумал, что она обеспечит все отслеживание, которое они когда-либо захотят. Поэтому я настроил учетную запись 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 Tag Manager? Мне сложно протестировать, потому что системный администратор должен развернуть мои веб-страницы и скрипты на сервере и в настоящее время не очень отзывчив. Могу ли я также проверить, что это работает при локальном запуске веб-страницы на моем ПК? Спасибо

Ответы [ 2 ]

0 голосов
/ 29 июня 2018

Ваш скрипт 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('event', 'Title goes here', {'event_category': 'Category goes here','event_label': 'Label goes here'});

Лучший способ проверить это - войти в свою учетную запись GA, для этого конкретного свойства в меню отчетов слева вы найдете Real-Time. В режиме реального времени у вас есть вкладка событий.

Нажатие на событие onClick с вашего веб-сайта должно затем вызвать событие, которое будет отображаться на вкладке событий, если вы видите, что это происходит, вы знаете, что ваши события запускаются. Это можно проверить с локального ПК.

Это можно сделать и с помощью диспетчера тегов, но это другой процесс настройки.

0 голосов
/ 29 июня 2018

Gtag - это новейшая реализация Google для Google Analytics API для Интернета. Для работы не требуется двойной щелчок Google (но он основан на коде двойного клика, что позволяет упростить интеграцию позже, если вы решите его использовать).

Чтобы отслеживать ссылку с помощью этого метода: 

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

Что касается отладки - здесь есть плагин Chrome для Google Analytics:

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

Я успешно использовал это для отладки локальных событий ранее, поскольку это даст некоторый вывод в консоли.

...