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 }