Встановлення лічильників відвідувань та їх налаштування.

25
Мар

Встановлення лічильників відвідувань та їх налаштування. Асинхронний код google analytics

Часто у власників сайтів виникають питання – що потрібно робити після того, як розроблений для них новий сайт з’явився в Інтернеті? Яка у нього відвідуваність і звідки приходять на нього відвідувачі?
Саме про це я вирішив написати цю замітку. Існує багато різних методів визначення кількості відвідувань та інструментів аналітики, але ми зупинимося на двох із них, а саме на Google Analytics і яндекс-метриці.

Google analytics

Для установки лічильника веб-аналітики від Google Analytics потрібно мати акаунт у google. Заходимо за посиланням http://www.google.com/analytics/, авторизуючись, реєструємося, якщо це необхідно. Додаємо новий акаунт веб-аналітики. При виборі країни та часового поясу проблем не повинно виникнути. Отримуємо, так званий, GATC (Google Analytics Tracking Code) або, іншими словами – код лічильника. Код лічильника в Google Analytics буває двох видів - традиційний і асинхронний.
Між ними є чимало відмінностей:

  • місце розташування в коді: традиційний - встановлюється в кінець коду перед тегом ; асинхронний – на початку коду, перед , що дозволяє фіксувати користувача, навіть якщо він не встиг до кінця завантажити сторінку (можливо у користувача 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-додає пошукову систему в список потенційних джерел трафіку пошукових систем. За замовчуванням, googleanalytics пізнає деякі популярні пошукові системи, однак ви можете розширити свій список.

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


_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(['_setDomainName', '.example.ru']);

де example.ru – ваш домен.
Слід звернути увагу, що запис домену починається з точки. Таким чином враховуються кукі з усіх піддоменів. Переходи відвідувачів між доменами будуть рахуватися, як переходи між сторінками одного сайту. Якщо є необхідність для кожного піддомену враховувати статистику індивідуально, то потрібно в googleanalytics 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 пропонує послуги з веб-аналітики, контекстної реклами, просування сайтів та багато іншого. Наші фахівці з просування, розкручування і оптимізації сайтів забезпечать найкращі способи залучення нових замовників, клієнтів для Вашої компанії і Вашого бізнесу. Використовуючи контекстну рекламу і пошукову оптимізацію, ми забезпечимо для Вашого сайту перші позиції в пошукових системах по більшості пошукових фраз, пов’язаних з вашим бізнесом.

СЕО просування