Установка и настройка счетчика Google Analytics на сайт

Смотрите в каталоге
Веб-статистика
Установка и настройка счетчика Google Analytics на сайт

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

Ну что же, для начала давайте разберемся, откуда нам взять код Google Analytics.

Создание базового кода Google Analytics

Для начала нам нужно попасть на сайт Google Analytics, для этого перейдем по ссылке http://www.google.com/analytics/ и войдем либо зарегистрируемся в системе.

Рис. 1.

После того как вы зарегистрируетесь, вы увидите страницу, на которой необходимо нажать на кнопку «Регистрация».

Рис. 2.

Далее нам необходимо выбрать, куда мы будем устанавливать счетчик – на сайт или на приложении – и выбрать вид счетчика Google Analytics или Universal Analytics. Выбираем веб-сайт и Google Analytics.

Рис. 3.

Далее нам необходимо ввести название сайта и указать http или https URL. Отрасль пострайтесь выбрать наиболее близкую к тематике вашего сайта. Часовой пояс выбираем тот, на основе данных которого хотим полчать информацию в отчетах. Грубо говоря, если мы знаем, что 80% нашей аудитории будут из Москвы, то и выбираем Москву. Вбиваем название аккаунта – это самый верхний уровень иерархии, он полезен для объединения несколько счетчиков в одну структуру. Например, у нас есть два поддомена msk.site.ru и spb.site.ru. В этом случаем мы сможем завести два счетчика, один назвать в поле «Название сайта» Москва, другой – Санкт-Петербург и разместить их в одном аккаунте «Мой сайт». Нажимаем на синую кнопочку «Получить идентификатор отслеживания».

Рис. 4.

Дальше принимаем условия соглашения и идем дальше.

Рис. 5.

Вот и он – долгожданный код Google Analytics, который мы уже можем смело скопировать и разместить сразу перед тегом на каждой странице нашего сайта.

Рис. 6.

Улучшенная атрибуция ссылок в Google Analytics

Как показывает практика, зачастую того функционала, который предоставляет базовый код Google Analytics, недостаточно. Его нужно расширять. Для начала заставим код максимально точно отслеживать URL. Для этого нам нужно перейти на вкладку «Настройки ресурса».

Рис.7.

И поставить галочку напротив Расширенной атрибуции ссылок.

Рис.8.

Увы, одной галочкой мы не ограничимся. Чтобы данная функция заработала, нам нужно незначительно видоизменить базовый код GA. Напомню, он выглядит следующим образом:

script type=« text/javascript» (заключите строчку в <>)

var _gaq = _gaq || [];

_gaq.push([’_setAccount’, ’UA-39952427–1’]);

_gaq.push([’_trackPageview’]);

(function() {

var ga = document.createElement(’script’); ga.type = ’text/javascript’; ga.async = true;

ga.src = (’https:’ == document.location.protocol? ’https://ssl’: ’http://www’) + ’.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(’script’)[0]; s.parentNode.insertBefore(ga, s);

})();

/script(заключите строчку в <>)

Теперь нам нужно вставить следующий кусок кода между второй и третьей строками кода:

var pluginUrl =

’//www.google-analytics.com/plugins/ga/inpage_linkid.js’;

_gaq.push([’_require’, ’inpage_linkid’, pluginUrl]);

В результате получим следующую конструкцию:

script type=»text/javascript»(заключите строчку в <>)

var _gaq = _gaq || [];

var pluginUrl =

’//www.google-analytics.com/plugins/ga/inpage_linkid.js’;

_gaq.push([’_require’, ’inpage_linkid’, pluginUrl]);

_gaq.push([’_setAccount’, ’UA-39952427–1’]);

_gaq.push([’_trackPageview’]);

(function() {

var ga = document.createElement(’script’); ga.type = ’text/javascript’; ga.async = true;

ga.src = (’https:’ == document.location.protocol? ’https://ssl’: ’http://www’) + ’.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(’script’)[0]; s.parentNode.insertBefore(ga, s);

})();

/script(заключите строчку в <>)

Изменили код? Сохранили его в «Блокноте»? Тогда смело ждем на кнопочку «Применить».

Рис.9.

Получилось? Молодцы, давайте дальше работать.

Настройка инструментов для веб-мастеров в Google Analytics

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

Рис.10.

После того как мы ее нажали, если аккаунт вы создавали в первый раз, вас перебросит на страницу инструментов для веб-мастеров, где попросят еще раз авторизоваться. Авторизуемся и видим следующую страницу, на которой должны нажать на кнопку «Добавить сайт в Инструмент для ваб-мастеров».

Рис.11.

В всплывшем окне нажимаем на кнопочку «ОК».

Рис.12.

Откроется новая закладка в браузере, в которой в поле добавления сайта нужно ввести название сайта и нажать на кнопку «Добавить сайт».

Рис.13.

Далее следуем инструкции (можно выбрать два способа, я рекомендую «Рекомендуемый» =) И нажимаем на кнопку «Подтвердить».

Рис.14.

После чего возвращаемся на страничку Google Analytics, где появится информация о том, что аккаунты связаны, и нажимаем кнопку «Применить». Стати, на этой же странице можно изменить и настройки отрасли, которые вы указывали во время создания счетчика.

Рис.15.

Сделали? Молодцы! Думаете, что это все? Как бы не так =)

Настройка профиля – добавление фильтров

Продолжаем работать с интерфейсом. Теперь нам нужна вкладка «Профили». Открываем ее и заходим в наш профиль.

Рис.16.

В новом окне нам нужна закладка «Фильтры».

Рис.17.

В новом окне мы можем смело добавить огромное количество фильтров. Вот только будьте осторожны. Я вам советую добавлять только статические ip адреса, принадлежащие вам, вашему рекламному агентству и сотрудникам вашей компании, дабы не портить статистику. Для создания фильтра необходимо нажать на кнопку «Новый фильтр». Рис.18.

В открывшемся окне вводим название фильтра и вбиваем IP адрес, жмем «Сохранить».

Рис.19.

На этом базовая настройка счетчика Google Analytics завершается. Впереди нас ждет работа с кодом.

Учим Google Analytics различать большее количество поисковых систем

Наверное, вы обращали внимание на то, что Google Analytics, в отличие от своего конкурента на российском рынке «Яндекс.Метрики», умеет различать в разы меньше поисковых систем. Давайте устранять этот недостаток. Итак, если вы откроете отчет «Источники трафика» — «Поиск» – «Бесплатный» и выберете основной параметр «Источник», то увидите всего несколько поисковых систем.

Рис. 20.

Ситуацию можно исправить при помощи замечательной функции _addOrganic()._addOrganic(newOrganicEngine, queryParamName, opt_prepend), где
  • newOrganicEngine – название поисковой системы;
  • queryParamName – параметр, отвечающий за передачу ключевого слова (words, query, text, etc.);
  • opt_prepend – функция, при помощи которой мы можем выдернуть поддомен поисковой системы и вывести в данный список. Значения true и false.

Пример. Если мы добавим при помощи функции _gaq.push([’_addOrganic’, ’images.yandex.ru’, ’text’]); поисковик картинок Яндекса, то он у нас засчитается как трафик с yandex.ru, а если напишем _gaq.push([’_addOrganic’, ’images.yandex.ru’, ’text’, true]);, то он пойдет у нас как отдельный поисковик. Все что осталось сделать – вспомнить все возможные поисковики и вытащить из них параметры. Шучу. Для ленивых приведен кусок кода, который можно смело использовать. Желательно разместить после

_gaq.push([’_setAccount’, ’UA-XXXXXXXX-Y’]);

_gaq.push([’_addOrganic’, ’affiliates.quintura.com’, ’request’]);

_gaq.push([’_addOrganic’, ’akavita.by’, ’z’]);

_gaq.push([’_addOrganic’, ’all.by’, ’query’]);

_gaq.push([’_addOrganic’, ’aport.ru’, ’r’]);

_gaq.push([’_addOrganic’, ’blogs.yandex.ru’, ’text’, true]);

_gaq.push([’_addOrganic’, ’daemon-search.com’, ’q’]);

_gaq.push([’_addOrganic’, ’gde.ru’, ’keywords’]);

_gaq.push([’_addOrganic’, ’gigabase.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’go.km.ru’, ’sq’]);

_gaq.push([’_addOrganic’, ’go.mail.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’gogo.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’google.com.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’images.google.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’images.rambler.ru’, ’query’, true]);

_gaq.push([’_addOrganic’, ’images.yandex.ru’, ’text’, true]);

_gaq.push([’_addOrganic’, ’index.online.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’liveinternet.ru’, ’ask’]);

_gaq.push([’_addOrganic’, ’liveinternet.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’mail.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’maps.google.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’meta.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’nigma.ru’, ’s’]);

_gaq.push([’_addOrganic’, ’nova.rambler.ru’, ’query’, true]);

_gaq.push([’_addOrganic’, ’poisk.ru’, ’text’]);

_gaq.push([’_addOrganic’, ’quintura.ru’, ’request’]);

_gaq.push([’_addOrganic’, ’rambler.ru’, ’words’]);

_gaq.push([’_addOrganic’, ’results.metabot.ru’, ’st’]);

_gaq.push([’_addOrganic’, ’ru.ask.com’, ’q’, true]);

_gaq.push([’_addOrganic’, ’ru.search.yahoo.com’, ’p’, true]);

_gaq.push([’_addOrganic’, ’search.babylon.com’, ’q’]);

_gaq.push([’_addOrganic’, ’search.bigmir.net’, ’z’]);

_gaq.push([’_addOrganic’, ’search.com.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’search.conduit.com’, ’q’]);

_gaq.push([’_addOrganic’, ’search.i.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’search.icq.com’, ’q’]);

_gaq.push([’_addOrganic’, ’search.mywebsearch.com’, ’searchfor’]);

_gaq.push([’_addOrganic’, ’search.nur.kz’, ’query’]);

_gaq.push([’_addOrganic’, ’search.qip.ru’, ’query’]);

_gaq.push([’_addOrganic’, ’search.tut.by’, ’query’]);

_gaq.push([’_addOrganic’, ’search.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’search.ukr.net’, ’search_query’]);

_gaq.push([’_addOrganic’, ’sm.aport.ru’, ’r’]);

_gaq.push([’_addOrganic’, ’video.yandex.ru’, ’text’]);

_gaq.push([’_addOrganic’, ’web20.a.ua’, ’query’]);

_gaq.push([’_addOrganic’, ’webalta.ru’, ’q’]);

Лайки, твитты, шары и Google Analytics

Наверное, всем вам известны замечательные кнопочки, при помощи которых можно лайкать, твиттить и шарить материалы по всему интернету. Кто-то говорит, что без них нельзя жить, кто-то говорит, что можно, но это лирика. Смысл в том, что данные кнопки являются очень полезными в распространении контента по интернету. И нажатия на эти кнопки нужно отслеживать. Для отслеживания данных нажатий необходимо изменить код каждой кнопки, добавив в него функцию _trackSocial(network, socialAction, opt_target, opt_pagePath);.  Чтобы ее добавить, нужно будет писать инструкцию, отправлять ее на согласование клиенту, ждать, пока веб-мастер со стороны клиента все настроит, и т. д. и т. п. Времени потеряем вагон и маленькую тележку. А ведь все можно сделать намного проще. Код Google Analytics представляет из себя не что иное, как JavaScript, при помощи которого можно реализовать кучу интересных вещей. Самые интересные вещи реализуются при помощи функции Try…Catch. С ее помощью мы можем на лету создавать события (Event) и вешать их на кнопочку. Я не буду тратить много времени на объяснение работы кода, скажу только, что исходник нашел где-то на просторах интернета, немного его видоизменил и добавил функцию отслеживания шар «ВКонтакте». В результате мы получаем вот такой сногсшибательный код, который нужно расположить перед закрывающимся кодом .

var _ga = _gaq;

_ga.getSocialActionTrackers_ = function(

network, socialAction, opt_target, opt_pagePath) {

return function() {

var trackers = _gat._getTrackers();

for (var i = 0, tracker; tracker = trackers[i]; i++) {

tracker._trackSocial(network, socialAction, opt_target, opt_pagePath);

}

};

};

_ga.trackFacebook = function(opt_pagePath) {

try {

if (FB && FB.Event && FB.Event.subscribe) {

FB.Event.subscribe(’edge.create’, function(opt_target) {

_gaq.push(_ga.getSocialActionTrackers_(’facebook’, ’like’,

opt_target, opt_pagePath));

});

FB.Event.subscribe(’edge.remove’, function(opt_target) {

_gaq.push(_ga.getSocialActionTrackers_(’facebook’, ’unlike’,

opt_target, opt_pagePath));

});

FB.Event.subscribe(’message.send’, function(opt_target) {

_gaq.push(_ga.getSocialActionTrackers_(’facebook’, ’send’,

opt_target, opt_pagePath));

});

}

} catch (e) {}

};

_ga.trackTwitterHandler_ = function(intent_event, opt_pagePath) {

var opt_target; //Default value is undefined

if (intent_event && intent_event.type == ’tweet’ ||

intent_event.type == ’click’) {

if (intent_event.target.nodeName == ’IFRAME’) {

opt_target = _ga.extractParamFromUri_(intent_event.target.src, ’url’);

}

var socialAction = intent_event.type + ((intent_event.type == ’click’) ?

’-’ + intent_event.region: ’’); //append the type of click to action

_gaq.push(_ga.getSocialActionTrackers_(’twitter’, socialAction, opt_target,

opt_pagePath));

}

};

_ga.trackTwitter = function(opt_pagePath) {

intent_handler = function(intent_event) {

_ga.trackTwitterHandler_(intent_event, opt_pagePath);

};

//bind twitter Click and Tweet events to Twitter tracking handler

twttr.events.bind(’click’, intent_handler);

twttr.events.bind(’tweet’, intent_handler);

};

//получаем и выводим uri

_ga.extractParamFromUri_ = function(uri, paramName) {

if (!uri) {

return;

}

var regex = new RegExp(’[\\?&#]’ + paramName + ’=([^&#]*)’);

var params = regex.exec(uri);

if (params != null) {

return unescape(params[1]);

}

return;

};

_ga.buildTrackerName_ = function(opt_trackerName) {

return opt_trackerName? opt_trackerName + ’.’: ’’;

};

_ga.trackVkontakte = function(opt_pageUrl, opt_trackerName, opt_targetUrl) {

var trackerName = _ga.buildTrackerName_(opt_trackerName);

try {

if (VK && VK.Observer && VK.Observer.subscribe) {

VK.Observer.subscribe(’widgets.like.liked’, function() {

_gaq.push([trackerName + ’_trackSocial’, ’vkontakte’, ’like’,

opt_targetUrl, opt_pageUrl]);

});

VK.Observer.subscribe(’widgets.like.unliked’, function() {

_gaq.push([trackerName + ’_trackSocial’, ’vkontakte’, ’unlike’,

opt_targetUrl, opt_pageUrl]);

});

VK.Observer.subscribe(’widgets.like.shared’, function() {

_gaq.push([trackerName + ’_trackSocial’, ’vkontakte’, ’send’,

opt_targetUrl, opt_pageUrl]);

});

}

} catch (e) {}

};

_ga.trackVkontakte();

_ga.trackFacebook();

_ga.trackTwitter();

Теперь давайте посмотрим, как он работает. Возьмем в качестве подопытного сайт, где открываем консоль, закидываем в нее наш страшный код и жмем Enter.

Рис.21.

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

Рис.22.

Дальше идем на страничку Networks, жмем на лайк и видим, как событие само вешается на кнопочку и передается в Google Analytics.

Рис.23.

Поздравляю, вы научились навешивать события на лету, не привлекая к этому веб-разработчиков.

P. S. К сожалению, данный алгоритм не будет работать с iframe.

Автор: Барченков Иван, директор по развитию «МедиаНация» https://www.facebook.com/ibarchenkov +7 (926) 813–60–13

Группы: http://vk.com/dmarketing https://www.facebook.com/your.digital

Компании и сервисы: Google Analytics, Universal Analytics
Автор: Игорь Назаров

Подписаться на новости

Читайте также

9 сентября / Комментарии

Динамика электронных платежей по сегментам потребительского рынка за 2015-16гг

Группа компаний Assist проанализировала 12 млн онлайн-платежей по банковским картам, совершенных российскими покупателями в более чем 3000 интернет-магазинов и сервисов. Мы сравнили первое полугодие 2016 года со второй половиной 2015 года и отметили, как изменилось за это время поведение плательщиков в разных сегментах потребительского рынка при онлайн-покупках товаров и услуг. Из 40 с лишним отраслей были выбраны несколько наиболее массовых сегментов, которые в последние годы очень серьезно прогрессировали с точки зрения приема платежей в интернете.

далее →

8 сентября / Комментарии

Что говорят покупатели интернет-магазинов о скорости взаимодействия с сайтом

Покупки в интернет-магазинах становятся все более популярными. В опубликованном исследовании компании UPS отмечается, что 51% всех покупок совершается в онлайне (для рынка США).
Но что хотят посетители интернет-магазинов? Каковы их ожидания? Вопросы подобного рода задавались в исследовании, проведенном компанией Incapsula.

далее →

6 сентября / Комментарии

Где деньги? Ёлы-палы!? Краткая история о том, что мы забыли в интернет-продажах, пока был кратный рост

Когда я в очередной раз задумываюсь о том, на что похож наш родной e-commerce со всеми его удачами и провалами, непроизвольно вспоминается шутка из КВН:  «Мы похожи на лося, бегущего через горящий лес. Нас ведет судьба!»
А знаете, почему? Потому что полностью и на корню отсутствует какое-либо внятное стратегическое или хотя бы тактически согласованное планирование в особенно важных участках бизнеса.

далее →

2 сентября / Комментарии

Работа с негативом в социальных сетях нестандартных проектов: опыт интернет-аукциона Bonusmall

Коллеги из интернет-аукциона Bonusmall рассказали, как они совершали ошибки, учились на своем опыте и опыте иностранных конкурентов. Полезные советы такими же нестандартным проектам.

далее →

31 августа / Комментарии

Товары для школьников и студентов: спрос и цены

Яндекс.Маркет изучил, как изменились спрос и цены на товары для учёбы в период подготовки к школе. Интерес к детской одежде и обуви, канцелярским принадлежностям, компьютерным столам и креслам начал расти уже во второй половине июля и увеличивался каждую неделю. Спрос на технику — настольные компьютеры, ноутбуки и принтеры — тоже рос, но не так заметно.

далее →

X
Нажмите «Нравится»,
чтобы читать Shopolog.ru в Facebook