Переход с GA на GTM - какие коды отслеживания нужны? - PullRequest
Новая
       7

Переход с GA на GTM - какие коды отслеживания нужны?

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

Я не уверен, какие коды отслеживания необходимы для работы Google Analytics (GA) и Google Tag Manager (GTM). В настоящее время я использую следующий скрипт с GA -> 

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

Теперь, когда я настраиваю GTM, он также просит добавить следующие коды отслеживания -> 

<script>(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-xxx');</script>


<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-xxx"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

Нужны ли мне все эти фрагменты? Было бы важно иметь возможность настроить отслеживание событий и не потерять предыдущие данные GA.

Ответы [ 2 ]

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

Да, вам понадобится оба сценария для настройки GTM. Первый код желательно в разделе заголовка, а второй - в разделе тела вашего сайта. Код позволяет менеджеру тегов запускать теги, вставляя gtm.js на страницу. Как только ваш GTM настроен, для отслеживания вы можете создать универсальный тег Analytics для отслеживания ваших событий. Проверьте URL ниже для отслеживания событий с помощью GTM.

https://www.gravitatedesign.com/blog/google-tag-manager-analytics-event-tracking-2018/

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

Технически вы переходите с gtag.js на GTM (GTM - это менеджер тегов, и хотя он может использоваться для самостоятельного развертывания GA, он ничего не отслеживает).

Если вы хотите интегрировать Google Analytics через GTM, то второй фрагмент в вашем сообщении является заменой первого, а не дополнением. Вам нужен второй фрагмент, затем вы настраиваете GTM для развертывания Google Analytics на своей странице. В большинстве случаев вам даже не нужен тег noscript (если вы специально не настроите теги, работающие в режиме noscript).

Для вашего события debounce-event вы можете использовать тайм-аут, чтобы отправить событие в слой данных, а затем использовать его для запуска события Google Analytics. Вы можете сделать это либо где-нибудь в коде вашей страницы, либо в пользовательском теге HTML, который вызывается при событии просмотра страницы (или готовности DOM). 

setTimeout(dataLayer.push({'event':'deBounce'}),20000);

Затем вы создаете триггер «Настраиваемое событие», вводите в поле «имя события», вводите «debounce» (без кавычек). Затем вы используете этот триггер для запуска тега Google Analytics, который настроен на отслеживание событий в GTM (вы уже заметили, что на самом деле это не проще, чем gtag.js, но он позволяет вам контролировать также теги, отличные от Google, поэтому, вероятно, стоит усилия).

Клавиша «Событие» является особенной в объекте dataLayer - Google переписывает собственный push-метод в массиве данных, чтобы прослушивать ключи объекта, называемые «event». Всякий раз, когда он нажимает клавишу «событие», он обновляет все внутренние переменные из dataLayer (это добавляет все вновь выдвинутые значения), а затем позволяет запускать тег.

...