LOADING

Установка счетчиков посещений и их настройки. Асинхронный код google analytics

  1. Главная страница
  2. Блог
  3. Заметки и статьи
  4. Установка счетчиков посещений и их настройки. Асинхронный код google analytics

Установка счетчиков посещений и их настройки. Асинхронный код google analytics

Часто у владельцев сайтов возникают вопросы – что нужно делать после того, как разработанный для них новый сайт появился в Интернете?  Какая у него посещаемость и откуда приходят на него посетители?
Именно об этом я решил написать эту заметку. Существует много разных методов определения количества посещений и инструментов аналитики, но мы остановимся на двух из них, а именно на google analytics и яндекс-метрике.

Google analytics

Для установки счетчика веб-аналитики от google analytics нужно иметь аккаунт в google. Заходим по ссылочке http://www.google.com/analytics/, авторизируемся, регистрируемся, если это необходимо. Добавляем новый аккаунт веб-аналитики. При выборе страны и часового пояса проблем не должно возникнуть. Получаем, так называемый, GATC (google analytics tracking code) или, иными словами – код счетчика. Код счетчика у google analytics бывает двух видов – традиционный и асинхронный.
Между ними имеется немало отличий:

  • место расположения в коде: традиционный – устанавливается в конец кода перед тегом </body>; асинхронный – в начале кода, перед </head>, что позволяет фиксировать пользователя, даже если он не успел до конца загрузить страницу ( возможно у пользователя  dial-up Интернет или низкоскоростной мобильный).
  • метод работы: асинхронный код не притормаживает загрузку страницы и выполняется параллельно, в отличие от традиционного.
  • разные джаваскриптовые методы и функции.
  • у асинхронного кода более точные сведения о коротких посещениях,  по мнению google.

Пример традиционного кода счетчика веб-аналитики google analytics, который необходимо разместить в конце страницы перед закрывающимся тегом </body> :

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}</script>

Пример асинхронного кода google analytics – его размещают в конце раздела <head> :


<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_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>

После выполнения указанных действий, заходим в свой профиль google analytics, изучаем статистику, анализируем ее и делаем выводы о последующем направлении развития сайта и рекламной компании.

Перейдем к яндекс-метрике.

Аналогично google analytics, яндекс-метрика тоже требует регистрации в яндексе. Заходим по ссылочке http://metrika.yandex.ru/, добавляем счётчик, заполняем форму и получаем код, который следует разместить между тегами <body> и </body>.

Какой из сервисов веб-аналитики лучше – сложно сказать. Google analytics существует намного дольше, чем яндекс-метрика и, как предлагают, имеет больше сервиса, а яндекс-метрика – легче в понимании. Тут вопрос вкусов, кому что больше нравится и кто к чему больше привык, но я бы рекомендовал ставить два счетчика веб-аналитики.

Дополнительные возможности асинхронного кода google analytics.

В аналитике от google есть еще много очень полезных функций:

Установка двух счетчиков на одну страницу.

Часто возникает необходимость отслеживания статистики посещений на двух аккаунтах. Это может быть вызвано разными настройками (иной часовой пояс, валюты разные и т.д.). Простая установка двух разных кодов счетчиков вызовет ошибку, и сбор данных о посещениях будет нарушен.
В асинхронном коде это делается весьма просто:

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
_gaq.push(['_trackPageview']);
_gaq.push(['b._setAccount', 'UA-YYYYYYY-Y']);
_gaq.push(['b._trackPageview']);

А в традиционном:

try {
var pageTracker = _gat._getTracker("UA-XXXXXXX-X");
pageTracker._trackPageview();
var secondTracker = _gat._getTracker("UA-YYYYYYY-Y");
secondTracker._trackPageview();
} catch(err) {}

Отслеживание поисковых систем.

По умолчанию, google analytics отслеживает около 30 поисковых систем и только 3 системы из них – русскоязычные (google, яндекс и рамблер), не говоря уже о украинских поисковых системах. Переход с неизвестной поисковой системы приравнивается к referral, то есть, к ссылающимся на вас сайтам. Для отслеживания перехода с других поисковых систем необходимо внести изменения в код:

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_addOrganic', 'meta.ua', 'q']);
_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>

_gag.push([‘_addOrganic’, ‘meta.ua’, ‘q’]) – именно та строка, которую нужно добавить. Здесь: meta.ua – адрес поисковой системы; q – переменная в GET запросе, в которой хранится искомая фраза;  _addOrganic – добавляет  поисковую систему в список потенциальных источников трафика из поисковых систем. По умолчанию, google analytics опознает некоторые популярные поисковые системы, однако вы можете расширить свой список.

Аналогично и для других систем:


_gaq.push(['_addOrganic', 'search.bigmir.net', 'cref']);
_gaq.push(['_addOrganic', 'search.i.ua', 'q']);
_gaq.push(['_addOrganic', 'meta.ua', 'q']); -
_gaq.push(['_addOrganic', 'go.mail.ru', 'q']);
_gaq.push(['_addOrganic', 'aport.ru', 'r']);
gaq.push(['_addOrganic', 'search.qip.ru', 'query']);

А для google image используем такой код:


// Код отслеживания переходов с Google Images
ar ref = document.referrer;
if (ref.search(/(images|www)\.google\.([^\/]+)\/(images|imghp|imgres|imglanding)/) != -1 && ref.search(/prev/) != -1) {
var regex = new RegExp("google\.([^\/]+)/.*&prev=([^&]+)&"),
var match = regex.exec(ref);
_gaq.push(['_addOrganic','images.google.'+match[1]+,'q',true]);
_gaq.push(['_setReferrerOverride', 'http://images.google.'+match[1]+unescape(match[2])]);
}

Настройка счетчика на поддомены.

При необходимости отслеживания единой статистики со всех поддоменов, после строчки _gaq.push([‘_setAccount’, ‘UA-XXXXX-X’]);
добавляем строку:

_gaq.push(['_setDomainName', '.example.ru']);

где example.ru – ваш домен.
Следует обратить внимание, что запись домена начинается с точки. Таким образом учитываются куки со всех поддоменов. Переходы посетителей между доменами будут считаться, как переходы между страницами одного сайта.  Если требуется для каждого поддомена учитывать статистику индивидуально, то нужно в google analytics  lkz каждого поддомена настроить отдельный профиль.

Настройка счетчика для iFrame.

На сайте, при использовании для перехода между доменами iframe,   передачу cookie посетителя и кампании из одного домена в другой  необходимо осуществлять по методу_getLinkerUrl(). Для передачи информации о посетителе с родительской страницы, на которой размещен элемент iFrame, на другой сайт, используют джаваскрипты для загрузки элемента iFrame и передачи ему информации файла cookie с помощью метода _getLinkerURL().

_gaq.push(function() {
var pageTracker = _gat._getTrackerByName();
var iframe = document.getElementById('myIFrame');
iframe.src = pageTracker._getLinkerUrl('http://www.my-example-iframecontent.com/');
});

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

СЕО продвижение

Leave a comments