Как веб-мастеру нескольких крупных сайтов, мне часто приходится использовать Google Analytics для отслеживания множества различных параметров. В этом посте я хочу рассказать о некоторых интересных и важных сторонах использования этого сервиса статистики.
Отслеживание переходов по внешним ссылкам, кликов на баннеры и RSS ленты
Очень часто хочется знать, сколько людей переходят по конкретной ссылке или баннеру, сколько людей из определенной страны кликают на баннер, сколько посетителей пришедших с Digg подписались на RSS, вести учет кликов на партнерских ссылках.
Чтобы отслеживать эти параметры с помощью Google Analytics, достаточно немного модифицировать код ссылок, добавив к нему обработчик onClick.
<a href="http://www.example.co.uk"
onClick="javascript:urchinTracker ('/outgoing/rssfeed'); ">
Для того чтобы использовать эту возможность, подключать скрипты Google Analytics нужно раньше вызова соответствующих обработчиков, например, сразу после тега <body>.
Каждый раз, когда кто-то будет переходить по этой
ссылке, сервис статистики будет регистрировать просмотр
страницы www.yoursite.com/outgoing/rssfeed. Чтобы
просмотреть результаты, зайдите в свой аккаунт Google
Analytics и перейдите на страницу «Содержание > Самое
популярное содержание», введите outgoing в поле фильтра
и вы увидите все страницы сайта содержащие в url слово
outgoing.
Кликнув на url можно посмотреть подробную информацию о соответствующей странице.
Чтобы еще сильнее углубиться в статистику, используйте выпадающее меню «Сегмент», с его помощью можно посмотреть с каких сайтов посетители приходят на эту страницу или какие ключевые слова они вводили в поиске.
Справочный центр Google Analytics: Как отслеживать клики исходящих ссылок1?
Немного автоматизации
Конечно, расставлять onclick для каждой внешней ссылки нереально, да и не нужно, можно использовать скрипт который будет автоматически обрабатывать клики, проверять является ли ссылка внешней и сохранять статистику переходов по ней.
Я написал такой для Design For Masters. Для работы скрипта нужен JQuery, но поклонники других фреймворков смогут без труда его адаптировать.
function isLinkExternal(link) {
var r = new RegExp('^https?://(?:www.)?'
+ location.host.replace(/^www./, ''));
return !r.test(link);
}
$(document).ready(function () {
$(document).bind('click', function(e) {
var target = (window.event) ? e.srcElement : e.target;
while (target) {
if (target.href) break;
target = target.parentNode;
}
if (!target || !isLinkExternal(target.href))
return true;
var link = target.href;
link = '/outgoing/'
+ link.replace(/:\/\//, '/')
.replace(/^mailto:/, 'mailto/');
//alert(link); return false; //тестирование
//urchinTracker(link); при использовании urchin.js
pageTracker._trackPageview(link); //для ga.js
});
});
Объем скрипта не использующего библиотеки (advanced-ga.js2) несколько больше, чтобы использовать его, скопируйте скрипт к себе на сервер и подключите, указав правильный путь к файлу.
<script src="advanced-ga.js" type="text/javascript">
</script>
Отдельные благодарности Tokolist, PacMan и AKS за помощь в доведении скрипта до рабочего состояния3.
Как следить за скачиванием файлов
За количеством загрузок файла можно следить так же, как и за количеством переходов по любой другой ссылке, с помощью обработчика onClick:
<a href="http://www.example.co.uk/files/map.pdf"
onClick="javascript:urchinTracker ('/downloads/map'); ">
Справочный центр Google Analytics: Как отслеживать файлы, загружаемые с моего сайта4?
Отслеживание событий JavaScript и Flash
С помощью Google Analytics можно легко отслеживать любые события в JavaScript и Flash
Пример JavaScript:
javascript:urchinTracker('/js-events/event1');
Справочный центр Google Analytics: Как отслеживать события JavaScript5?
Пример Flash:
on(release) {
// Track with no action
getURL("javascript:urchinTracker('/folder/file');");
}
on(release) {
//Track with action
getURL("javascript:urchinTracker('/folder/file');");
_root.gotoAndPlay(3);
myVar = "Тест отслеживания Flash"
}
onClipEvent (enterFrame) {
getURL("javascript:urchinTracker('/folder/file');");
}
Справочный центр Google Analytics: Как отслеживать события Flash6?
Отслеживание прибыли
Знать откуда приходят посетители важно, а знать, откуда приходят заказчики еще важнее. Например, если вы заметите, что посетители, пришедшие с поисковика MSN, более склонны к приобретению товара, чем посетители с Google то сможете скорректировать рекламную компанию в пользу Adcenter.
Суммы прибыли по каждому источнику трафика можно найти на странице «Источники трафика > Все источники трафика»
Давайте пойдем дальше и посмотрим отчет о продажах посетителям, пришедшим с Google.
Как видите, некоторые ключевые слова приносят ?31.52 за визит, а другие всего ?5.72, эти данные имеют очень большое значение при установке цены за клик на объявлении в зависимости от прибыльности ключевого слова.
Google Analytics позволяет получать и более сложные сведения, такие как количество людей купивших продукт A в то время как искали в Google продукт B.
Как отслеживать продажи
Чтобы отслеживать продажи необходимо с помощью серверного скрипта на странице, которую посетители видят после успешной покупки, разместить форму следующего вида:
<body onLoad="javascript:__utmSetTrans()">
<form style=""display:none;"" name="utmform">
<textarea id="utmtrans">
UTM:T|[order-id]|[affiliation]|[total]|[tax]|»
[shipping]|[city]|[state]|[country]
UTM:I|[order-id]|[sku/code]|[productname]|»
[category]|[price]|[quantity]
</textarea>
</form>
Примеры:
UTM:T|34535|Main Store|111108.06|8467.06|10.00|San
Diego|CA|USA
UTM:I|34535|XF-1024|Urchin T-Shirt|Shirts|11399.00|9
UTM:I|34535|CU-3424|Urchin Drink
Holder|Accessories|20.00|2
Сразу, после того как вы ее внедрите в страницу, Google Analytics начнет отслеживать продажи.
Справочный центр Google Analytics: Как отслеживать транзакции электронной торговли7?
Отслеживание ошибки 404
С помощью Google Analytics можно отслеживать ошибки, возникающие на сайте, и источники трафика приводящего к ошибкам. Для этого достаточно разместить следующий код на странице ошибки:
<script type="text/javascript"
src="http://www.google-analytics.com/urchin.js">
</script>
<script type="text/javascript">
_uacct = "xxxxx-x";
urchinTracker("/404.html?page=" + _udl.pathname + _udl.search);
</script>
Не забудьте исправить xxxxx-x на ваш номер аккаунта в Google Analytics.
Готовые решения
Для пользователей WordPress, использование многих возможностей Google Analytics упрощает плагин Ultimate Google Analytics8
Ссылки
- http://www.google.com/support/googleanalytics/bin/answer.py?answer=55527
- http://designformasters.info/stuff/google-analytics-advanced-use/advanced-ga.js
- http://forum.htmlbook.ru/viewtopic.php?id=5140
- http://www.google.com/support/googleanalytics/bin/answer.py?answer=55529
- http://www.google.com/support/googleanalytics/bin/answer.py?answer=55521&topic=11006
- http://www.google.com/support/googleanalytics/bin/answer.py?answer=55520&topic=11006
- http://www.google.com/support/googleanalytics/bin/answer.py?answer=55528&topic=11002
- http://wordpress.org/extend/plugins/ultimate-google-analytics/
- http://designformasters.info/posts/10-free-innovative-web-analytics-tools