ЦСль:

ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ, пСрСвСсти Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ Π½Π° GTM.

Код Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ

Π‘Π°ΠΌ ΠΊΠΎΠ΄ GTM:

<!-- Google Tag Manager -->
<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-NSG2B5W');</script>
<!-- End Google Tag Manager -->

Код Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ слСдуСт Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ асинхронно, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ - Π² ΠΊΠΎΠ΄Π΅ страницы, Π΄ΠΎ установки GTM Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ сниппСт Π²ΠΈΠ΄Π°:

<script> // Π²Π°ΠΆΠ½ΠΎ, Ρ‚ΡƒΡ‚ НЕ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ type=module
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
      'gtm.start': new Date().getTime(),
      event: 'gtm.js'
    });
</script>

этот снипСт Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ вставлСн синхронно Π² head Ρ„Π°ΠΉΠ»Π°. Он синхронный ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π·Π°Ρ€ΡƒΠΆΠ°Π΅Ρ‚, поэтому Π½Π΅ создаст ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ со ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, Π½ΠΎ благодаря Π½Π΅ΠΌΡƒ всСвозмоТныС события Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ°Π΄Π°Ρ‚ΡŒ.

Код установки самого скрипта ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ Π½Π° 3 сСкунды

<script type="module">
function setUpScript() {
    if (!PUBLIC_GTM_TAG_ID) return;
    let gtmScript = document.createElement('script');
    gtmScript.defer = true;
    gtmScript.src = `https://www.googletagmanager.com/gtm.js?id=GTM-NSG2B5W&l=dataLayer`;
    document.head.appendChild(gtmScript);
  }
  setTimeout(setUpScript, 3000);
</script>

ВсС скрипты ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ ΠΊΠ°ΠΊ рСфСрСнс, ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ сСбя. Π’Π°ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ. ΠœΡ‹ ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ прилоТСния синхронно ΠΈΠ½ΠΈΡ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅ΠΌ dataLayer, послС этого ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌ ΠΊΠΎΠ΄ ΠΈΠ½ΠΈΡ†ΠΈΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ GTM.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ ΠΊΠΎΠ΄Π° GTag ΠΈ GTM слСдуСт ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ.

Бобытия

Loaded

Π­Ρ‚ΠΎ событиС вызываСтся послС получСния ΠΈΠ½Ρ„ΠΎΡ€Π°Ρ†ΠΈΠΈ ΠΎ Ρ‚ΠΎΠΌ, Π·Π°Π»ΠΎΠ³ΠΈΠ½Π΅Π½ Π»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ. Для этого Π½Π° страницС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄:

<script>
window.dataLayer.push({
'event' : 'data-loaded',
'user_id' : '12345', // это userid ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ Π·Π°Π»ΠΎΠ³ΠΈΠ½Π΅Π½ содСрТит ''
'userLang' : 'en', // Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ язык сайта.
});
</script>

CTA-buy

событиС ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΊΡƒΠΏΠΈΡ‚ΡŒ

window.dataLayer.push({
'event' : 'cta-buy',
'event-point': 'cdc2edvf' // это event point id, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Π·Π°Ρ…ΠΎΡ‚Π΅Π» ΠΊΡƒΠΏΠΈΡ‚ΡŒ
});

Login Success

событиС ΠΏΡ€ΠΈ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠΌ Π»ΠΎΠ³ΠΈΠ½Π΅

window.dataLayer.push({
'event' : 'login-success',
'user_id': 'cdc2edvf'
});

Login Fail

событиС ΠΏΡ€ΠΈ Π½Π΅ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠΌ Π»ΠΎΠ³ΠΈΠ½Π΅

window.dataLayer.push({
'event' : 'login-fail',
});