Jak bez wtyczki dodać na stronę kod Google Analytics.

Pierwszym krokiem jest założenie Google Anlitycs – po skonfigurowaniu konta i ustawień z panelu pobieramy kod śledzenia.

Wersja Universal Analitycs

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

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

Wersja GA4

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

  gtag('config', 'G-xxxxxx');
</script>

Aby umieścić kod na stronie używamy do tego pliku functions.php z motywu (najlepiej motywu potomnego). Otwieramy plik functions i wklejamy w poniższy sposób – podstawiając oczywiście własne zmiennie.

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

  gtag('config', '*******************');
</script>

<?php
}

w miejscu gtag config możemy podstawić jednocześnie kod GA i GA4 tak by za jednym wywołaniem wysyłać dane do obu wersji analityki

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

  gtag('config', 'G-xxxxxx');
  gtag('config', 'UA-xxxxxx');
</script>

<?php
}