Czy powinienem umieścić Google Analytics JS w <head> czy na końcu <body>?

123

Google daje mi fragment javascript i mówi, żebym umieścił go w <head>.

Czy mogę to umieścić na końcu, <body>czy też wystąpią jakieś skutki uboczne, jeśli to zrobię?

google-analytics Peter Hall
źródło
3
Czy nie mówią, aby umieścić go przed zamykającym tagiem </body>? A może to się zmieniło?
Marko,

Odpowiedzi:

155

Umieszczenie go na końcu <head>sekcji pomaga zapewnić śledzenie danych, nawet jeśli użytkownik nie pozwala na zakończenie ładowania strony.

Mówili ci, żebyś umieścił to na dole strony, zanim dodali obsługę częściowego ładowania stron.

Bezpośrednio od Google:

Jedną z głównych zalet asynchronicznego fragmentu kodu jest to, że można go umieścić na górze dokumentu HTML. Zwiększa to prawdopodobieństwo, że śledzący sygnał nawigacyjny zostanie wysłany, zanim użytkownik opuści stronę. W <head>sekcji zwykle umieszcza się kod JavaScript , dlatego zalecamy umieszczenie fragmentu kodu na dole sekcji, aby uzyskać najlepszą wydajność.

Zobacz Pomoc Google Analytics : Dodaj kod śledzenia bezpośrednio do swojej witryny

Chris Arguin
źródło
8
Więc dobrze, jeśli położę to na dole? Wolę, aby moje strony ładowały się szybko, umieszczając wszystko na dole (i css na górze dla prawidłowego renderowania) - edytuj - to jest brutto, aby umieścić tam js.
2
Tak, można to zrobić; Właściwie mam mieszankę, ale w większości zdecydowałem się umieścić ją na szczycie z wymienionych powodów.
Chris Arguin
6
Dlaczego jest to zaleta? Wydaje mi się, że nie chcę liczyć częściowych wczytań strony, ponieważ tacy użytkownicy zasadniczo twierdzą, że przychodząc tam w pierwszej kolejności popełnili błąd. Nawet jeśli chcą tam być, nie chcę zmuszać ich do czekania dodatkowej milisekundy, aby zobaczyć moje treści.
Melinda Green
3
Częściowe wczytanie strony może również oznaczać coś dla właściciela witryny, co musi naprawić. Wyobraź sobie, że ktoś wchodzi do Twojego sklepu i zdaje sobie sprawę, że z zewnątrz wprowadził go w błąd. Chciałbyś poprawić swoje reklamy, aby to naprawić.
Optimus
2
Mała aktualizacja: zamiast na końcu strony <head>, do której prowadzi link, jest teraz napisane „Dodaj tag bezpośrednio po otwierającym tagu <head> na każdej stronie”.
Brandon
6

Możesz go umieścić w dowolnym miejscu. Zawsze umieszczam kod śledzenia na końcu strony i nigdy nie miałem żadnych problemów.

Casablanka
źródło
2
Dlaczego miałbyś chcieć wykryć użytkownika, który częściowo wczytuje Twoją stronę i opuszcza ją w ciągu milisekund?
João Pimentel Ferreira
@ JoãoPimentelFerreira, ponieważ jest to również cenna informacja, warto zmierzyć, jaki procent wyświetleń był taki
jangorecki
3

Możesz umieścić go w dowolnym miejscu na stronie i uruchomić w dowolnym miejscu strony, niezależnie od tego, czy jest w głowie, czy w treści. Ale zgodnie z pomocą Google ( dodaj kod śledzenia bezpośrednio do swojej witryny ) zaleca się, aby w tagu head wkleić go bezpośrednio przed </head>tagiem zamykającym .

Poniższy akapit z dobrego artykułu wyjaśniający, dlaczego należy umieścić kod w tagu head

Odsłona jest rejestrowana dopiero po załadowaniu tego kodu. Więc im szybciej załadujesz kod, tym szybciej zostanie zarejestrowana odsłona. Załóżmy, że masz dużą stronę na blogu, która ładuje się wolno, a załadowanie wszystkiego zajmuje od 10 do 20 sekund. Jeśli Twój kod Google nie zaczyna się przed końcem strony, może zostać zatrzymany, tak jak stary nieasynchroniczny kod używany do przechowywania INNYCH wierszy kodu. Tyle że teraz trzyma kod śledzenia. Jeśli użytkownik Twojej witryny trafi na stronę, a następnie opuści ją, zanim kod śledzenia uruchomi odsłonę, tracisz tego gościa. Teraz stają się nową bezpośrednią wizytą na dowolnej stronie witryny, na którą trafili. Może to spowodować, że wszelkiego rodzaju dane w Twojej witrynie będą nieprawidłowe.

Subodh Ghulaxe
źródło
0

W głowie, tuż przed zamykającym tagiem </ head>, nie będziesz mieć żadnych problemów z weryfikacją witryny w Narzędziach dla webmasterów.

Sezhers
źródło
0

Dodanie następującego kodu (znanego jako „fragment kodu śledzenia JavaScript”) do szablonów witryny to najłatwiejszy sposób na rozpoczęcie korzystania z pliku analytics.js.

Kod należy dodać u góry tagu i przed jakimikolwiek innymi skryptami lub tagami CSS, a ciąg „UA-XXXXX-Y” należy zastąpić identyfikatorem usługi (nazywanym również „identyfikatorem śledzenia”) z Google Analytics nieruchomość, którą chcesz śledzić.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Rozwiń fragment

Powyższy kod spełnia cztery główne funkcje:

  1. Tworzy element, który rozpoczyna asynchroniczne pobieranie biblioteki JavaScript analytics.js z https://www.google-analytics.com/analytics.js

  2. Inicjuje globalną funkcję ga (zwaną kolejką poleceń ga ()), która umożliwia zaplanowanie wykonania poleceń po załadowaniu i przygotowaniu biblioteki analytics.js do pracy.

  3. Dodaje polecenie do kolejki poleceń ga (), aby utworzyć nowy obiekt śledzenia dla właściwości określonej za pomocą parametru „UA-XXXXX-Y”.

  4. Dodaje kolejne polecenie do kolejki poleceń ga (), aby wysłać odsłonę do Google Analytics dla bieżącej strony.

Mile Mijatović
źródło
Przyjrzyjmy się bliżej, ponieważ nazywanie tego „kolejką poleceń” jest zbyt dużym obciążeniem. Skompaktowany zniekształcony kod przyjmuje kilka argumentów, których używa do rozpakowania kilku rzeczy i uzyskania uchwytu do powiązanej Array.pushfunkcji. ga„Funkcja” jest całkowicie który związany push. W ten sposób natychmiastowe wywołania można zoptymalizować z dala: zamiast konstruować pustą tablicę, jeśli nie zostanie znaleziona ( []), wypełnij ją tablicami „arguments” dla każdego gawywołania: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]…
amcgregor
-3

Kod, który należy zawsze umieszczać w górnej części tagu, przed jakimikolwiek innymi skryptami lub tagami CSS, a ciąg znaków 'UA-XXXXX-Y'należy zastąpić właściwością ID(zwaną również „identyfikatorem śledzenia”) usługi Google Analytics, którą chcesz śledzić.

Payal Daryani
źródło
2
To nie odpowiada na pytanie. Pytanie brzmi, jakie są skutki uboczne nie robienia tego, co mówisz.
Peter Hall