Google надає мені фрагмент javascript і пропонує мені включити його до <head>.
Чи можу я поставити його в кінці <body>або якщо в цьому виникнуть якісь побічні ефекти?
Відповіді:
Якщо розмістити його в кінці <head>розділу, це допоможе забезпечити відстеження ваших показників, навіть якщо користувач не дозволяє завантажувати сторінку.
Вони говорили вам, щоб розмістити його внизу сторінки, перш ніж вони додали підтримку для часткового завантаження сторінок.
Безпосередньо від Google:
Однією з головних переваг асинхронного фрагмента є те, що ви можете розмістити його вгорі HTML-документа. Це збільшує ймовірність того, що маяк для відстеження буде надісланий до того, як користувач покине сторінку. Код JavaScript в
<head>розділі прийнято розміщувати , і ми радимо розмістити фрагмент у нижній частині розділу для найкращої роботи.
Див. Довідку Google Analytics : Додайте код відстеження безпосередньо на свій сайт
<head>сторінки прив’язано до сторінки, написано "Додати тег відразу після відкриття тегу <head> на кожній сторінці".
Ви можете розмістити його куди завгодно. Я завжди кладу код відстеження в кінці сторінки, і ніколи у мене не було проблем.
Ви можете розмістити його де завгодно на сторінці, і запустити його будь-де на сторінці, будь то в голові чи тілі. Але згідно з підтримкою Google ( Додайте код відстеження безпосередньо на свій сайт ), рекомендується додати його в тег заголовка, вставити його безпосередньо перед </head>тегом закриття .
Наступний абзац з гарної статті, що пояснює, чому ставити код в тег голови
Перегляд сторінки записується лише після завантаження цього коду. Отже, чим раніше ви завантажите код, тим швидше буде записано перегляд сторінки. Скажімо, у вас є велика сторінка блогу, і це повільна завантаження, для завантаження всього потрібно 10–20 секунд. Якщо ваш код Google не розпочнеться до кінця сторінки, він може затриматись так само, як і старий несинхронний код, який використовується для інших рядків коду. За винятком того, що він містить код відстеження. Якщо відвідувач вашого веб-сайту переходить на сторінку, а потім залишає її, перш ніж код відстеження запустить перегляд сторінки, ви втратите цього відвідувача. Тепер вони стають новим прямим відвідуванням будь-якої сторінки сайту, на якому вони приземлилися. Це може зробити всі види даних на вашому сайті неправильними.
Додавання наступного коду (відомого як "фрагмент відстеження JavaScript") до шаблонів вашого веб-сайту - це найпростіший спосіб розпочати використання analytics.js.
Код слід додати вгорі тегу та перед будь-яким іншим тегом скрипту чи CSS, а рядок "UA-XXXXX-Y" слід замінити ідентифікатором властивості (також називається "ідентифікатор відстеження") Google Analytics власність, яку ви хочете відстежити.
<!-- 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 -->У наведеному вище коді є чотири основні речі:
Створює елемент, який починає асинхронно завантажувати бібліотеку JavaScript analytics.js з https://www.google-analytics.com/analytics.js
Ініціалізує глобальну функцію ga (називається чергою команд ga (), яка дозволяє планувати виконання команд після завантаження бібліотеки analytics.js і готовності до роботи.
Додає команду до черги команд ga (), щоб створити новий об'єкт відстеження для властивості, вказаного за допомогою параметра "UA-XXXXX-Y".
Додає ще одну команду до черги команд ga (), щоб надіслати перегляд сторінки в Google Analytics для поточної сторінки.
Array.pushфункції. ga«Функція» повністю , що пов'язано push. Таким чином, негайні виклики можна оптимізувати далеко: замість того, щоб побудувати порожній масив, якщо його не знайти ( []), заповнити його масивами "аргументи" для кожного gaвиклику: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]…
Код, який слід завжди додавати вгорі тегу та перед будь-яким іншим тегом скрипту чи CSS, а рядок 'UA-XXXXX-Y'слід замінити властивістю ID(також називається "ідентифікатор відстеження") власності Google Analytics, яку ви хочете відстежувати.