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

Например

….

«Клик» в этом примере - это обработчик событий, который используется во встроенном JavaScript.

Встроенный JavaScript

Встроенный JavaScript добавлен в HTML-документ. Он использует тег, но без атрибута 'src'.

Простой пример приведен ниже

function greet () (

предупреждение («привет»);

)

Курсивный текст шрифта является кодом JavaScript.

Внешний JavaScript

Внешний JavaScript добавляется в HTML-документ с помощью тега с атрибутом src.

Пример

скрипт type = ”text / javascript” src = ”minescript.js“>

Внешний JavaScript - лучший метод для использования, поскольку он имеет следующие преимущества по сравнению с двумя другими методами.

  1. Это не мешает другим кодам на странице
  2. Это легко поддерживать, понимать и использовать
  3. Это может ускорить время загрузки страниц

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

Что делает фрагмент отслеживания?

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

  • Время, проведенное на каждого пользователя на вашем сайте
  • Время, проведенное каждым пользователем на каждой странице и в каком порядке они перемещались между страницами
  • Каковы внутренние ссылки, которые были нажаты пользователями

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

  • Географическое расположение пользователя
  • Через какую операционную систему или браузер они посетили ваш сайт
  • Какой у них размер экрана и установлены ли на них Java или Flash?
  • Их ссылающийся сайт

Заявления JavaScript

Оператор JavaScript - это инструкция, которая выполняется веб-браузерами. Каждый оператор JavaScript должен заканчиваться точкой с запятой. Код отслеживания Google Analytics содержит несколько операторов 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;

  • Имена переменных могут быть буквенно-цифровыми

вар альфа46;

  • Пробелы не допускаются в имени переменной

var first name = 'Nirmal'; // недействительный

  • Рекомендуется использовать строчные буквы для имен переменных
  • Специальные символы не допускаются в имени переменной, кроме $ и подчеркивания

var first-name = «Нирмал»; // дефис запрещен

var_first name = «Peter»; // подчеркивание разрешено

  • Имя переменной не может начинаться с цифры

вар 46 альфа;

  • Имя переменной не может быть именем ключевого слова
  • Лучше всего использовать знак подчеркивания или верблюда для разделения слов в имени переменной

Ключевые слова JavaScript

Ключевое слово - это слово, которое имеет особое значение

Ниже приведены некоторые ключевые слова, используемые в JavaScript.

  • вар
  • функция
  • возвращение
  • за
  • правда
  • ложный
  • если

Значения JavaScript

Переменные используются для хранения значений любого типа данных. Может включать в себя следующий тип данных

  • Числовое значение
  • Строковое значение
  • Булево значение
  • Неопределенное значение
  • Нулевое значение
  • массив
  • объект
  • Массив объектов

Строки в JavaScript

Строка - это серия символов любой длины. Строки должны быть написаны в одинарных или двойных кавычках.

var name = 'Нирмал Шарма';

Строка может быть любым символом, включая пробелы. Числа также рассматриваются как строки, если они включены в кавычки одинарные или двойные.

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

Массивы JavaScript

Массив - это специальная переменная, которая используется для хранения нескольких элементов одинаковых или различных типов данных.

Массивы могут быть строками, числовыми значениями, неопределенными значениями, логическими значениями, другими массивами или объектами.

Массив может быть создан с помощью функции 'new Array ()' или с помощью литеральной записи массива.

Примеры перечислены ниже

var bus = new Array ();

var bus = ();

Объекты в JavaScript

Object - это еще одна специальная переменная, которая содержит свойства и методы. В свойстве объекта может быть строка или идентификатор.

Datalayer - пример массива с одним или несколькими объектами. Синтаксис для создания объекта указан ниже

ObjectName = ('property10': значение10, 'property11 ′: значение11, … ..' propertyN ': valueN);

Функции в JavaScript

Функция - это набор кода, который используется для выполнения конкретной задачи при ее выполнении. Функция должна быть вызвана для выполнения. Ключевое слово, используемое для создания функции в JavaScript - это «функция».

Структура для создания функции выглядит следующим образом

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

Java Script Statement10

Java Script Statement11

,

,

Java Script StatementN

)

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

функция "га"

«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» он принимает поля «trackingId», «cookieDomain» и «name». Во второй команде «send» он принимает второй параметр hitType в качестве опции.

Все команды принимают параметр 'fieldsObject', который можно использовать для указания любых полей.

Создание трекеров

Трекеры - это объекты, которые могут собирать и хранить данные. Затем он может отправить эти данные в Google Analytics. Чтобы создать новый трекер, вы должны указать идентификатор отслеживания и домен cookie, который будет использоваться для указания того, как файлы cookie должны храниться.

Если для определенного домена cookie не существует, то для этого домена новый идентификатор клиента создается и сохраняется в cookie. Здесь пользователь распознается как новый. Если для этого домена уже существует идентификатор клиента, то пользователь распознается как возвращающийся.

Как только он создан, объекты трекера начинают собирать информацию о содержимом просмотра, такую ​​как заголовок страницы и URL, разрешение экрана, размер области просмотра и другие. Позже, когда возникает необходимость, трекер отправляет всю информацию, которая хранится в Google Analytics.

  • Создать метод

Analytics.js предлагает разные способы создания трекеров, но наиболее часто используемый способ - это команда «создать», а поля идентификатора отслеживания и домен cookie используются в качестве второго и третьего параметров. Пример приведен ниже

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

  • Именование трекеров

Вы можете назвать трекер, используя поле имени в качестве четвертого аргумента в команде создания. Обязательно указывать имя трекера, если на одной странице имеется более одного трекера. Трекер без поля имени известен как трекер по умолчанию, и ему присваивается имя «t0».

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

Указание полей во время создания

Также можно добавить другой объект Fields, который позволяет вам установить любое из полей во время создания. Они будут сохранены на трекере и применены ко всем отправленным попаданиям. Объект fields может использоваться для указания всех полей при вызове функций ga ().

Работа с несколькими трекерами

Если у сайта несколько владельцев, необходимо отправить данные в несколько свойств с одной страницы. В таких случаях вам нужно создать два отдельных трекера и один должен быть именованным трекером.

Чтобы запустить команды для определенного трекера, вы всегда должны добавлять к имени команды трекер, после которого должна стоять точка. Команда для отправки просмотров страниц приведена ниже

ga («отправить», «просмотр страницы»);

ga ('clientTracker.send', 'pageview');

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

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

Вывод

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

Рекомендуемая статья

  1. HTML5 против Flash - что лучше
  2. Концепции программирования - идеальное руководство для начинающих программистов
  3. Каковы преимущества и ограничения использования Python?
  4. 6 вещей, которые скрывает от вас ваша аналитическая программа

Категория:

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