Analytics.JS - Кожен аналітик повинен добре володіти двома основними навичками, щоб стати експертом у галузі цифрової аналітики. Одна статистика, а інша JavaScript.

JavaScript - найкорисніша мова програмування.

Всі вимірювання або мітки написані на JavaScript. JavaScript використовується для контролю над поведінкою HTML, CSS та веб-браузерів.

Google analytics.js - це бібліотека JavaScript, яка використовується для вимірювання взаємодії користувачів з вашим веб-сайтом. Це застаріла бібліотека. Якщо ви використовуєте Google Analytics, вам слід скористатись останньою бібліотекою відстеження analytics.js.

Як додати analytics.js на свій сайт

Існує три способи додати JavaScript до документа HTML.

  • Вбудований JavaScript
  • Вбудований JavaScript
  • Зовнішній JavaScript

Найпростіший спосіб почати з analytics.js - додати код до шаблону вашого сайту. Сценарій слід додати в тег, а ідентифікатор відстеження надати замість рядка аналітики Google, який ви хочете відстежувати.

Вбудований JavaScript

Вбудований JavaScript - це те, що додається до тегу HTML

Наприклад

….

'Click' у цьому прикладі - це обробник подій, який використовується в Inline JavaScript.

Вбудований JavaScript

Вбудований JavaScript додається до документа HTML. Він використовує тег, але без атрибута 'src'.

Простий приклад наведено нижче

функція вітаю () (

насторожений ('привіт);

)

Текст шрифту курсивом - це код JavaScript.

Зовнішній JavaScript

Зовнішній JavaScript додається в документ HTML за допомогою тегу з атрибутом src.

Приклад є

type script = "text / javascript" src = "minescript.js">

Зовнішній JavaScript - найкращий метод використання, оскільки він має наступні переваги перед іншими двома методами.

  1. Це не заважає іншим кодам сторінки
  2. Його легко підтримувати, розуміти та використовувати
  3. Це може пришвидшити час завантаження сторінок

Також можна виконати налаштування фрагмента відстеження JavaScript. Код, який завантажує analyticcs.js і запускає функцію ga (), не слід змінювати.

Що робить фрагмент відстеження?

Додавши будь-який із згаданих фрагментів відстеження, ви можете отримати перегляд сторінок для кожної сторінки, яку відвідують ваші користувачі. Аналітика Google може дати вам інформацію стосовно

  • Час, витрачений на кожного користувача на вашому сайті
  • Час, витрачений кожним користувачем на кожній сторінці, і в тому порядку, яким він перейшов між сторінками
  • Які внутрішні посилання були натиснуті користувачами

Коли новий трекер створюється за допомогою analytics.js, він використовує для з'ясування наступного

  • Географічне розташування користувача
  • Через яку операційну систему чи браузер вони відвідали ваш сайт
  • Який їх розмір екрана та чи встановили вони Java або Flash
  • Їх референтний сайт

Заяви JavaScript

Заява JavaScript - це інструкція, яка виконується веб-браузерами. Кожен оператор JavaScript повинен закінчуватися крапкою з комою. Код відстеження аналітики Google містить купу тверджень JavaScript. Приклад наведено нижче.

Порядок виконання

Операції JavaScript виконуються зверху вниз у порядку, в якому вони написані.

Якщо замовлення буде змінено, код буде поводитись інакше, або він перестане працювати.

JavaScript та білі простори

JS ігнорує кілька пробілів. Завжди рекомендується додавати пробіли навколо операторів для збільшення читабельності коду. Додаткові пробіли, якщо вони використовуються в рядку, можуть створювати проблеми.

Коментарі в JavaScript

Коментарі використовуються для додавання примітки до JavaScript. Існує 2 основних типи - однорядний та багаторядковий коментар.

Однорядковий коментар починається з двох прямих нахилів. Приклад наведено нижче

ga ('create', 'UA-XXXX-Y', 'auto'); // створює трекер

Коментування декількох рядків починається з / * і закінчується * /. Приклад наведено нижче

Коментарі також використовуються для зупинки виконання заяви.

Змінні JavaScript

Створення змінної в JavaScript відоме як оголошення змінної. Змінні використовуються для зберігання значень. Змінні можна створити в JavaScript за допомогою ключового слова 'var'. Рекомендується створювати змінні на початку коду.

var_gaq; // створити змінну і назвати її _gaq

Ви також можете призначити значення змінній. Для використання значення змінної слід використовувати ім'я змінної, не включаючи її до лапок. Якщо ви включите його до лапок, то він вважається рядком.

Іменування змінних JavaScript

У JavaScript є шість важливих особливостей імен змінних

  • Вони чутливі до регістру

var pagetracker;

var Pagetracker;

  • Назви змінних можуть бути буквено-цифровими

var alpha46;

  • Проміжки в імені змінної не дозволені

var ім'я = 'Nirmal'; // не діє

  • Для імен змінних рекомендується використовувати малі регістри
  • Спеціальні символи заборонені в імені змінної, крім $ та підкреслення

var ім'я = "Nirmal"; // дефіс заборонено

var_first name = "Пітер"; // підкреслення дозволено

  • Ім'я змінної не може починатися з числа

var 46alpha;

  • Ім'я змінної не може бути назвою ключового слова
  • Найкраще використовувати підкреслити або кожух верблюда для розділення слів у назві змінної

Ключові слова JavaScript

Ключове слово - це слово, яке має особливе значення

Нижче наведено деякі ключові слова, які використовуються в JavaScript

  • вар
  • функція
  • повернення
  • для
  • правда
  • помилковий
  • якщо

Значення JavaScript

Змінні використовуються для зберігання значень будь-якого типу даних. Він може включати наступний тип даних

  • Числове значення
  • Значення рядка
  • Булева вартість
  • Не визначене значення
  • Нульове значення
  • Масив
  • Об'єкт
  • Масив об’єктів

Струни в JavaScript

Рядок - це ряд символів будь-якої довжини. Рядки повинні бути написані в межах подвійних або подвійних лапок.

var name = 'Nirmal Sharma';

Рядок може бути будь-яким символом, включаючи пробіли. Числа також розглядаються як рядки, якщо вони включені в лапки або одиничні, або подвійні.

Ви можете використовувати звороту косу рису, щоб використовувати лапки всередині рядка, які відповідають лапкам поза рядка.

JavaScript масиви

Масив - це спеціальна змінна, яка використовується для зберігання декількох елементів одного і того ж або різних типів даних.

Масивами можуть бути рядки, числові значення, невизначені значення, булеві значення, інші масиви або об'єкти.

Масив можна створити за допомогою функції "новий Array ()" або через буквене позначення масиву.

Приклади наведені нижче

var bus = новий масив ();

var bus = ();

Об'єкти в JavaScript

Об'єкт - ще одна спеціальна змінна, яка містить властивості та методи. У властивості об'єкта може бути рядок або ідентифікатор.

Datalayer - це приклад масиву з одним або декількома об'єктами. Синтаксис створення об’єкта згаданий нижче

ObjectName = ('property10': value10, 'property11': value11, … .. 'propertyN': valueN);

Функції в JavaScript

Функція - це набір коду, який використовується для виконання певного завдання при його виконанні. Для виконання потрібно викликати функцію. Ключове слово, яке використовується для створення функції в JavaScript, - "функція".

Структура для створення функції така

функція (параметр1, параметр2, ….) (

Заява Java Script10

Заява сценарію Java11

Заява сценарію JavaN

)

Параметри - це імена, перелічені для визначення функції. Аргументи - це значення для виклику певної функції.

Функція 'ga'

"ga" - це вбудована функція Google Analytics ". Він виконує багато завдань в Google Analytics. Перший аргумент функції 'ga' - це команда. Це пояснено на малюнку нижче

Кожна функція має лише певну кількість параметрів, дозволених для додавання.

Кожна функція може приймати лише певний тип даних.

Важливі моменти, які слід пам’ятати

  • Використовуйте правильну структуру або розташування для всіх функцій
  • Використовуйте лише знайдені активні методи або функції
  • Ніколи не додайте цитати без потреби
  • Зверніться до документації

Як працює analytics.js

  • Черга команд ga

Функція ga також називається чергою команд, оскільки вона не виконує команди відразу, і додає команди до черги, щоб виконати її до повного завантаження бібліотеки.

В іншому випадку функції JavaScript називаються об'єктами, оскільки вони також містять властивості. Фрагмент відстеження визначає властивість aq функції ga (), яка діє як порожній масив.

  • Додавання команд до черги

Усі дзвінки до черги функції ga () мають спільну особливість. Команда, яка виступає в якості першого параметра, є рядком, який допомагає ідентифікувати конкретний метод analytics.js. Будь-який додатковий параметр вважається аргументом, який отримує через метод.

Термін метод тут вказує або глобальний метод на зразок "create", або метод екземпляра, наприклад "send". Якщо чергова команда ga () отримує будь-яку команду, вона автоматично викликає функцію ga (), оскільки вона не поверне жодної помилки.

  • Параметри команд

Більшість команд та методів analytics.js приймають параметри у різних типах форматів. Це полегшує передачу часто використовуваних полів певним методам.

Наприклад, візьміть дві команди нижче

ga ('create', 'UA-XXXXX-Y', 'auto');

ga ('надіслати', 'перегляд сторінки');

У першій команді 'create' вона приймає поля 'trackId', 'cookieDomain' та 'name'. У другій команді 'send' він приймає другий параметр hitType як опцію.

Усі команди виконують параметр 'fieldObject', який можна використовувати для визначення будь-яких полів.

Створення трекерів

Трекери - це об’єкти, які можуть збирати та зберігати дані. Потім вони можуть надсилати ці дані в Google Analytics. Для створення нового трекера необхідно вказати ідентифікатор відстеження та домен файлу cookie, який буде використовуватися для визначення того, як потрібно зберігати файли cookie.

Якщо для певного домену файл cookie не існує, для цього домену створюється і зберігається у файлі cookie новий ідентифікатор клієнта. Тут користувач визнаний новим. Якщо для цього домену вже існує ідентифікатор клієнта, користувач визнається повернутим.

Після його створення об’єкти трекера починають збирати інформацію про вміст перегляду, такі як назва сторінки та URL, роздільна здатність екрана, розмір вікна перегляду та інші. Пізніше, коли виникає потреба, трекер надсилає всю інформацію, яка зберігається, в Google Analytics.

  • Створити метод

Analytics.js пропонує різні способи створення трекерів, але найбільш часто використовуваним способом є команда "створити", а поля ідентифікатора відстеження та файли cookie використовуються як другий та третій параметри. Приклад наведено нижче

ga ('create', 'UA-XXXXX-Y', 'auto');

  • Іменування трекерів

Ви можете назвати трекер, використовуючи поле імені в якості четвертого аргументу в команді create. Обов'язково називати трекер, коли на одній сторінці є більше одного трекера. Відсліджувач без поля імені відомий як трекер за замовчуванням, і він внутрішньо виділений з іменем "t0".

ga ('create', 'UA-XXXXX-Y', 'auto', 'myTracker');

Вказівка ​​полів під час створення

Можна також додати ще один об'єкт Fields, який дозволяє встановити будь-яке з полів під час створення. Вони будуть зберігатися на трекері та застосовуватись до всіх надісланих звернень. Об'єкт полів може використовуватися для вказівки всіх полів під час виклику функцій ga ().

Робота з кількома трекерами

Якщо на сайті є більше одного власника, вам потрібно надсилати дані до кількох ресурсів з однієї сторінки. У таких випадках потрібно створити два окремих трекера, і один повинен бути названим трекером.

Для запуску команд для певного трекера завжди слід вказувати префікс імені команди з ім'ям трекера, за яким слід слідувати крапкою. Команда для надсилання перегляду сторінок наведена нижче

ga ('надіслати', 'перегляд сторінки');

ga ('clientTracker.send', 'перегляд сторінки');

Важливі поради, які потрібно пам’ятати про відстежувальний код Google Analytics

  • Кожна сторінка вашого сайту повинна містити відстежувальний код Google Analytics (GATC)
  • Ви не повинні копіювати вставлення GATC з будь-якого документа
  • Рекомендується уникати налаштування GATC, оскільки він порушить код, і в результаті код перестане працювати
  • Намагайтеся уникати використання декількох версій коду GATC, оскільки він стає ненадійним для користувачів. Використовуйте окрему версію GATC на сторінці за раз.
  • Вставте GATC у головний розділ сторінки вашого сайту.
  • Переконайтеся, що ви додаєте правильний GATC, який належить саме цьому сайту
  • Навіть якщо ви розмістите GATC у зовнішньому файлі, Google Analytics збиратиме дані
  • Після виконання коду GATC він надсилає відповідь HTTP на сервер GA

Висновок

Тепер ми просто знаємо, як легко почати роботу з analytics.js. Існує також багато іншого, щоб дізнатися про analytics.js. Інформація, яку ви збираєте, може бути використана для вдосконалення ваших маркетингових кампаній та розробки веб-сайту, щоб забезпечити найкращий досвід користувачів.

Рекомендована стаття

  1. HTML5 vs Flash -що краще
  2. Концепції програмування - ідеальний посібник для нових програмістів
  3. Які переваги та обмеження використання Python?
  4. 6 речей, які ваше програмне забезпечення Analytics приховує від вас

Категорія:

Розробка програмного забезпечення