Установка и настройка счетчика 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
Автор: Игорь Назаров

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

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

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

3 шага к эффективной оценке ретаргетинговых кампаний

Решения на основе анализа результата осуществляемых кампаний завоевывают все большую популярность у интернет-маркетологов в сегменте e-commerce. Использование ими инструментов ретаргетинга испытывает небывалый подъем: сегодня ретаргетинг повышает конверсии и дает больший ROI чем когда-либо ранее. Но как на самом деле измеряются результаты?
Чтобы упростить наш рассказ, мы сосредоточимся на самой популярной цели: оптимизация кампании к числу общих конверсий.

далее →

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

Рейтинг самых эффективных способов обучения для интернет-предпринимателей

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

далее →

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

Как построить выигрышную стратегию А/В тестирования

А/В тестирование очень часто не работает, так как хотелось бы. Вы запускаете тест, но значительно увеличить коэффициент конверсии не получается. Или, что еще хуже, ваши эксперименты приводят к снижению конверсии.
Возможно, в поиске решения вы перечитали бесчисленное множество статей и сделали тесты на основе их. Но все равно результата нет. Может быть, вы увидели некоторое улучшение. Но либо не достигли статистически значимых результатов, либо просто не повысили конверсию в достаточной мере, чтобы ощутить реальный рост.

далее →

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

Анализ конкурентов. Часть 2. Активное знание

Первоначальный заголовок этой статьи был «Кого знают больше?». Но мы подумали, что такой заголовок неверно бы освещал тему статьи. 
К сожалению, для того, о чем мы вам хотим рассказать, не существует хорошего термина. «Частота брендовых запросов» - термин специфический, широкому кругу мало о чем говорящий. Поэтому мы предлагаем термин «Активное знание».

далее →

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

Где и как интернет-покупатели ищут отзывы

По данным опроса, проведенного РОЦИТ на интерактивной площадке “Голос Рунета” и среди пользователей сервиса выбора компаний Фламп, абсолютное большинство интернет-пользователей просматривают отзывы на интересующие их услуги. Около 34% делают это раз в неделю. Самыми популярными категориями являются отзывы на отели/ гостиницы/ хостелы (16%) магазины (14%) и рестораны (11%).

далее →

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