Как получить диспетчер тегов Google для отслеживания событий? - PullRequest
Новая
       26

Как получить диспетчер тегов Google для отслеживания событий?

0 голосов
/ 31 января 2019

Я пытаюсь отслеживать события с помощью Google Tag Manager, вот мой код: 

<!-- Google Tag Manager -->
(function (w, d, s, l, i) {
    w[l] = w[l] || [];
    w[l].push({
        'gtm.start':
            new Date().getTime(), event: 'gtm.js'
    });
    var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
    j.async = true;
    j.src =
        'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
    f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MYTAG');

window.dataLayer = window.dataLayer || [];

function gtag() {
    dataLayer.push(arguments);
}

gtag('js', new Date());

gtag('config', 'GTM-MYTAG');

function trackEvent(eventName, eventValue) {
    gtag('event', 'click', {
        'event_category': eventName,
        'event_label': eventValue,
        'value': 1
    });
}

А вот HTML-код, который запускает событие, когда что-то нажимается: 

<button onclick="trackEvent('Add Button Clicked', 'Header')"
        class="chrome-button chrome-link btn btn-sm btn-sample">
    <div>Add to Chrome - Free</div>
</button>

Что я делаю неправильно?Я попытался зайти в Google Analytics -> Real Time -> Events, и пока я нажимаю кнопку, ничего не отображается.Я также удостоверился, что удалил все фильтры с моим IP-адресом.Пожалуйста, дайте мне знать, если я что-то упустил.

1 Ответ

0 голосов
/ 31 января 2019

Вы перепутали GTM и gtag.js.Это две отдельные библиотеки для отслеживания.

Вот методы, которые вы должны использовать для отслеживания событий GA в GTM: https://support.google.com/tagmanager/answer/6106716?hl=en

Если вы просто хотите, чтобы это работало, замените GTM на: 

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXX-1');
</script>

Затем запустите эту функцию, как у вас: 

function trackEvent(eventName, eventValue) {
    gtag('event', 'click', {
        'event_category': eventName,
        'event_label': eventValue,
        'value': 1
    });
}

Вам больше ничего не понадобится.

...