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 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ę?
Odpowiedzi:
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
<head>
, do której prowadzi link, jest teraz napisane „Dodaj tag bezpośrednio po otwierającym tagu <head> na każdej stronie”.
Możesz go umieścić w dowolnym miejscu. Zawsze umieszczam kod śledzenia na końcu strony i nigdy nie miałem żadnych problemów.
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.
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 -->
Powyższy kod spełnia cztery główne funkcje:
Tworzy element, który rozpoczyna asynchroniczne pobieranie biblioteki JavaScript analytics.js z https://www.google-analytics.com/analytics.js
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.
Dodaje polecenie do kolejki poleceń ga (), aby utworzyć nowy obiekt śledzenia dla właściwości określonej za pomocą parametru „UA-XXXXX-Y”.
Dodaje kolejne polecenie do kolejki poleceń ga (), aby wysłać odsłonę do Google Analytics dla bieżącej strony.
Array.push
funkcji. 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 ga
wywołania: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
…
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ć.