Как посчитать конверсию сайта

Разместил , 8 Апр.2014 / Нет комментариев
Нашли то, что нужно вам? Закажи себе! Без переплат.

Для начала следует подключить свой сайт к Google Analytics и Google Webmaster. Как это сделать, объяснять я думаю не стоит. По ссылкам интуитивно это можно проделать. Далее идёт гайд о том, как посчитать конверсию сайта с помощью Google Analytics.

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

Analytics.js — это часть Universal Analytics. Если вы используете Classic Analytics (ga.js), посетите центр обновления для того, чтобы узнать, как перейти на analytics.js.

Обзор как посчитать конверсию сайта

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

Событие состоит из 4 значений, которые могут описать любое взаимодействие пользователя с сайтом:

ЗначениеТипОбязательноОписание
Категория (category)StringДаОбъект взаимодействия (например, button).
Действие (action)StringДаТип взаимодействия (например, click).
Ярлык (label)StringНетИспользуется для категоризации событий (к примеру, nav buttons).
Значение (value)NumberНетСчитает количество (например, 4 раза).

Реализация подсчета конверсии сайта

Для того, чтобы отправить событие, необходимо передать функции ga команду send с типом event.

ga('send', 'event', 'button', 'click', 'nav buttons', 4);

Где:

  • button – это категория (category).
  • Click – это действие (action).
  • nav buttons – это ярлык (label).
  • 4 – это значение value

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

ga('send', 'event', 'category', 'action');
ga('send', 'event', 'category', 'action', 'label');
ga('send', 'event', 'category', 'action', 'label', value);  // value – это число.

Команда send  также может принимать необязательные параметры объекта поля для любой из команд. Объект поля – это стандартный объект языка javaScript. Можно использовать конкретные имена полей и их значения, принятые analytics.js.

К примеру, вы можете установить поле page для конкретного события. Пример:

ga('send', 'event', 'category', 'action', {'page': '/my-new-page'});

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

ga('send', 'event', 'category', 'action', {'nonInteraction': 1});

Все параметры команды send имеют определенные имена. Таким образом, вы можете отправить событие в Analytics, передав лишь объект поля команде send:

ga('send', {
'hitType': 'event',          // Обязательно.
'eventCategory': 'button',   // Обязательно.
'eventAction': 'click',      // Обязательно.
'eventLabel': 'nav buttons',
'eventValue': 4
});

Зайдите на страницу Справка о полях Analytics, вы узнаете полный список названия полей, которые могут использоваться при настройке отправки данных в Analytics во время подсчета конверсий сайта.

Примечание: При использовании следующего синтаксиса помните, что параметры для этого события аналогично можно передать непосредственно функции ga.

Примеры подсчета конверсии сайта

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

Предположим, что у вас есть ссылка, по которой начинает загружаться PDF-файл:

<button id="button">Скачать</button>

Кроссбраузерное отслеживание событий:

Для того, чтобы проводить подсчет конверсий сайта при помощи чистого javaScript, необходимо подключить такой код к странице, которую хотите «прослушивать».

var downloadLink = document.getElementById('button');
addListener(downloadLink, 'click', function() {
ga('send', 'event', 'button', 'click', 'nav-buttons');
});

/**
* Может использовать во всех W3C-совместимых браузерах и Internet Explorer при добавлении обработчика
* @param {Object} элемент Object, к которому можно закрепить «прослушиватель» событий.
* @param {string} тип A string представляет тип события, который будет «прослушиваться»
*     (например, load, click, и так далее).
* @param {function()} callback - Функция, которая получает уведомление.
*/
function addListener(element, type, callback) {
if (element.addEventListener) element.addEventListener(type, callback);
else if (element.attachEvent) element.attachEvent('on' + type, callback);
}

В этом примере, функция addEventListener  добавляет «прослушивателя» кроссбраузерно. Добавление «прослушивателя» происходит по событию клика на кнопку. При клике данные посылаются в Google Analytics.

Используйте jQuerry

jQuery — это библиотека языка javaScript, которая завоевала огромную популярность во всём мире. Данная библиотека исправляет несоответствие браузеров и является более удобной при отборе необходимых объектов. Если вы подключили библиотеку jQuery к сайту или к странице, с которой необходимо отслеживать события, можно использовать следующую форму для отправки данных в Google Analytics:

// Используется библиотека jQuery Event API v1.3
$('#button').on('click', function() {
ga('send', 'event', 'button', 'click', 'nav-buttons');
});

Что делать после?

Вы должны были проделать такие действия:

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

Теперь перейдите в Google Analytics -> Администратор-> Цели. Нажмите «+Цель». Во втором действии выберите «Событие», а дальше всё по настройкам на сайте.

Спасибо за внимание, использовалась личная информация + перевод до сих пор нерусифицированного Google.