Menedżer tagów Google - a co ze skryptami w stopce?

Question

Na naszej stronie mamy tagi skryptów do usług stron trzecich, takich jak Lotame, Peer39 i Google Analytics, w stopce tuż przed zamykającym tagiem body, aby uniknąć blokowania renderowania strony. W miarę możliwości skracamy lub asynchronizujemy skrypty, ale niektóre z nich nie działają z ładowaniem asynchronicznym i muszą być pozostawione jako zwykłe tagi. Przesyłamy także naszą drugą usługę analityczną kilka danych o zawartości każdej strony, co oznacza, że ​​zdecydowaliśmy się uwzględnić to również w stopce.

Obecnie patrzymy na użycie Google Tag Manager, aby uwzględnić dla nas zewnętrzne skrypty. Aby zaimplementować GTM, Google zaleca umieszczenie ich blok kodu

<!-- Google Tag Manager --> 
<noscript> 
    <iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX" 
      height="0" width="0" style="display:none;visibility:hidden"></iframe> 
</noscript> 
<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 = 
      '//www.googletagmanager.com/gtm.js?id=' + i + dl; 
     f.parentNode.insertBefore(j, f); 
    })(window, document, 'script', 'dataLayer', 'GTM-XXXXXX');</script> 
<!-- End Google Tag Manager --> 

zaraz po początkowym tagu. To będzie punkt, w którym GTM zacznie żądać tagów. Rozumiem, że ta pozycja jest zalecana, aby uniknąć problemów z IE6 i IE7.

GTM nie daje żadnego sposobu na określenie kolejności ładowania skryptów. Obawiam się, że jeśli postąpię zgodnie z tą radą, będę przenosił żądania do plików skryptów synchronicznych ze stopki, gdzie bezpiecznie odstąpią od głównej treści, do nagłówka.

Czy niepotrzebnie się niepokoję? Wydaje się zbyt skomplikowane, aby utworzyć drugie kontenery GTM do zarządzania skryptami stopek. Czy byłoby sens umieścić blok kodu GTM w stopce, jeśli nie obsługuję IE7, biorąc pod uwagę, że niektóre z moich skryptów znajdują się obecnie w nagłówku?

Answer 1

Jeśli usługi innych firm muszą być synchroniczne, najlepiej pozostaw je poza Menedżerem tagów Google (źródło: Are there tags that Google Tag Manager does not support?); jest okej. Często ma to miejsce w przypadku narzędzi do testowania witryny, w których rzeczywiście trzeba wczytać zawartość przed renderowaniem strony. W przeciwnym razie pojawi się migotanie.

Ponadto GTM oferuje priorytetyzację, kiedy należy uruchamiać tagi - patrz: Can I prioritize how tags are fired.

TLDR; wyrzuć wszystkie swoje tagi asynchroniczne do GTM i pozostaw swoje tagi synchronizacji.

Answer 2

Można także uruchamiać tagi GTM, gdy załadowany jest DOM lub gdy strona jest w pełni załadowana, warunek bardzo bliski umieszczenia znacznika przed znacznikiem </body>.

W pierwszym przypadku utwórz nowy wyzwalacz Page View > DOM Ready, w drugim utwórz Page View > Window Loaded.