Dodanie kodów śledzących przez GTM.
zainstalowanie na www kod GTM a w gtm wrzucamy kody: ga4, pixel fb, google ads, linkedin, tik tok ads i microsoft clarity. Skrypty nie powinny obciążać strony, niżej instrukcja której zasady należy zachować przy konfiguracji.
Jak zainstalować skrypty, żeby nie spowalniały strony:
1. Używaj GTM zamiast wklejać wszystkie skrypty bezpośrednio
GTM ładuje się asynchronicznie, czyli nie blokuje ładowania innych elementów strony.
Nie dodawaj 5 osobnych <script> — zrób to przez jeden kontener GTM.
2. Unikaj zbyt wielu "All Pages"
Ustaw wyzwalacze celowane, np. tylko na stronie podziękowania, stronie kontaktu, lub przy określonych zdarzeniach.
3. Używaj opóźnionego ładowania skryptów (tzw. delay load)
W GTM możesz:
Użyć Timer Trigger (np. uruchom skrypt dopiero po 3 sekundach)
Lub dodać JS opóźniający załadowanie tagu, np.:
javascript
Kopiuj
Edytuj
setTimeout(function() {
kod Pixela/Facebooka lub inny
}, 3000);
4. Nie włączaj domyślnie wszystkich opcji śledzenia (zwłaszcza w GA4)
GA4 może domyślnie zbierać np. scroll, outbound linki itd. — jeśli tego nie potrzebujesz, wyłącz je, by ograniczyć wagę tagu.
5. Zoptymalizuj kolejność ładowania GTM
Umieść <script> GTM na samym początku <head>, ale będzie się ładował async – to nie blokuje. [Umieść pierwszy skrypt Google Tag Managera jak najbliżej początku sekcji <head> — jest on ładowany asynchronicznie, więc nie blokuje renderowania strony. Drugi fragment (<noscript>) wstaw tuż po otwarciu <body>, zgodnie z zaleceniem Google.]