Продвинутое использование Google Analytics
Patrick Altoft, 14 августа 2007
Начиная со времени своего появления в 2005 году и по сегодняшний день Google Analytics остается одним из лучших сервисов статистики для малых и средних сайтов. Чтобы не перегрузить серверы поначалу Google ввел очередь для желающих получить доступ к сервису статистики, но сегодня все препятствия устранены, и любой желающий может получить доступ к этому замечательному инструменту. Интерфейс сервиса претерпел значительные изменения к лучшему в мае 2007 года.
Как веб-мастеру нескольких крупных сайтов, мне часто приходится использовать 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: Как отслеживать клики исходящих ссылок?
Немного автоматизации
Конечно, расставлять 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.js) несколько больше, чтобы использовать его, скопируйте скрипт к себе на сервер и подключите, указав правильный путь к файлу.
<script src="advanced-ga.js" type="text/javascript">
</script>
Отдельные благодарности Tokolist, PacMan и AKS за помощь в доведении скрипта до рабочего состояния.
Как следить за скачиванием файлов
За количеством загрузок файла можно следить так же, как и за количеством переходов по любой другой ссылке, с помощью обработчика onClick:
<a href="http://www.example.co.uk/files/map.pdf"
onClick="javascript:urchinTracker ('/downloads/map'); ">
Справочный центр Google Analytics: Как отслеживать файлы, загружаемые с моего сайта?
Отслеживание событий JavaScript и Flash
С помощью Google Analytics можно легко отслеживать любые события в JavaScript и Flash
Пример JavaScript:
javascript:urchinTracker('/js-events/event1');
Справочный центр Google Analytics: Как отслеживать события JavaScript?
Пример 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: Как отслеживать события Flash?
Отслеживание прибыли
Знать откуда приходят посетители важно, а знать, откуда приходят заказчики еще важнее. Например, если вы заметите, что посетители, пришедшие с поисковика 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: Как отслеживать транзакции электронной торговли?
Отслеживание ошибки 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 Analytics

















Dimox 14 августа, 2007 22:02 #
Спасибо за статью!
Информация актуальная и своевременная.
remal 14 августа, 2007 23:03 #
не надо вешать обработчик события на document. ибо не оптимально.
foxy 15 августа, 2007 8:09 #
Так же хотел бы увидеть как к Analistics привязать поисковики типа Rambler Mail и тд
Vedmak 15 августа, 2007 11:32 #
На Umade.ru рассказано как это сделать. И на самом Google Analytics тоже есть информация, правда не такая подробная.
Евгений 15 августа, 2007 11:41 #
Уже появились первые результаты работы скрипта.

Нужно внести некоторые исправления.
remal
а куда вешать надо, неужели отимальней будет вешать обработчик на каждую ссылку?
foxy
Добавить новые поисковики к GA очень просто.
Посмотрите в файл http://www.google-analytics.com/urchin.js там определяются два массива, один из которых содержит имя поисковика, а второй имя переменной запроса содержащей ключевое слово:
Нам остается только дополнить его в коде счетчика:
Источник
Евгений 15 августа, 2007 11:43 #
Vedmak, :) слишком долго я писал
SEO интересности - замеченное за неделю (#20) 30 августа, 2007 17:34 #
[...] публикует статью “Продвинутое использование Google Analytics”, которая наглядно показывает некоторые технические [...]
Сергей 31 августа, 2007 14:42 #
Очень полезно. Особенно спасибо за плагин.
Бизнес с нуля » Blog Archive » SEO интересности - замеченное за неделю (#20) 4 сентября, 2007 18:52 #
[...] публикует статью “Продвинутое использование Google Analytics”, которая наглядно показывает некоторые технические [...]
Ссылочный десерт - 5.09 | Блог о маркетинге 5 сентября, 2007 10:58 #
[...] Продвинутое использование Google Analytics Информативная статья об использовании сервиса статистики от Google. Честно говоря узнал много нового… [...]
Sergey 5 сентября, 2007 15:55 #
Уберите здесь "например, сразу после тега body" стрелки вокруг слова body, а то его не видно, приходится код просматривать.
Евгений 5 сентября, 2007 16:01 #
Упс, исправил.
Javac 6 сентября, 2007 13:58 #
Большое спасибо!
Ценная статья!
Михаил 14 сентября, 2007 20:06 #
Вы пишете
А как теперь это посмотреть в Гугл.Аналитике?
Евгений 14 сентября, 2007 21:18 #
Зайдите в раздел Содержание > Самое популярное содержание, под списком страниц текстовое поле "Найти: URL" вводите "/404.html" жмете "Поиск"
Skywalker 21 сентября, 2007 12:25 #
Честно говоря, не понял, как отслеживать продажи... какой именно код нужно вставлять на страницу, которую пользователь видит после успешной покупки?
Евгений 22 сентября, 2007 8:34 #
Смотрите в справочном центре Google: Как отслеживать транзакции электронной торговли? если не разберетесь, тогда обращайтесь через контактную форму, посмотрим ваш случай и сделаем.
Помощник SEO » Blog Archive » На заметку 26 сентября, 2007 12:27 #
[...] публикует статью “Продвинутое использование Google Analytics”, которая наглядно показывает некоторые технические [...]
Valter 28 сентября, 2007 11:12 #
Привет
Объясните лемеру: как правильно устанавливать код автоматической обработки кликов?
Взял код поставил его между
<script type=\"text/javascript\"> и </script>.Всю конструкцию установил в шаблон сразу же за тегом
<body>По другому счётчику отследил переходы на сайты и проверил через сутки статистику GA
В GA ни каких папок с outgoing не появилось.
Устанавливал в CMS Joomla на хостинге РБК
В чём моя ошибка?
Valter 28 сентября, 2007 11:13 #
сори за лишний пост :-)
Евгений 28 сентября, 2007 13:01 #
Вероятно вы забыли подключить библиотеку JQuery, которая требуется для работы этого скрипта, или адаптировать его под библиотеку которую уже используете.
Если проблема с библиотекой неразрешима, подождите немного я добавлю версию скрипта не использующую JQuery.
Valter 29 сентября, 2007 8:01 #
Библиотеку JQuery я не подключал. По описанию она не стандартная и думаю на моём хостинге она в общий пакет не входит.
Скрипт интересный, поэтому буду ждать выход версии не использующую библиотеку JQuery.
Когда примерно вы планируете выпустить новую версию скрипта?
Евгений 29 сентября, 2007 22:45 #
Выложил скрипт работающий без библиотек, смотрите выше.
Valter 30 сентября, 2007 8:18 #
Спасибо за оперативность :-)
Залил скрипт, код поставил на страницу после тега
<body>По ходу дела образовалось 3 вопроса
1. Можно ли ставить скрипт не сразу за тегом
<body>, а где-нибудь в теле страницы?2.Скрипт ориентирован на все версии IE?
3. Нашёл в интернете счётчик похожий на ваш по задачам. Но он у меня не пошёл. Как вы думаете, ему тоже нужна специальная библиотека?
Как вы его оцениваете с точки зрения скорости совершения операций, нагрузки на сервер, обработки ссылок и удобства их "раскладки" для дальнейшего анализа?
guicci.ru/2007/05/23/google-analytics-chast-5-kamo-gryadeshi/Евгений 30 сентября, 2007 9:38 #
1. Можно.
2. Тестировался в IE6 и IE7 проблем быть не должно.
3. Нет ему не нужны библиотеки.
Эффективней всего не вставлять скрипт в документ, а собрать все используемые скрипты в одном внешнем файле, в таком случае они будуд загружаться на компьютер пользователя только при первом посещении сайта.
Примерно с такого скрипта был сделан мой, тот скрипт медленней, особенно если на странице много ссылок, с некоторыми внешними ссылками будет работать некорректно, запускается поздно (по window.onload). Если бы все было так просто, то я так бы и сделал, а не городил скрипт на 80 строк.
Что касается форматирования, то его можно сделать любым. Есть какие-то пожелания?
Если, с моим новым скриптом у будут проблемы, скиньте адрес сайта через контактную форму, я постараюсь их решить.
Valter 30 сентября, 2007 15:02 #
Пока, до появления первой статистики, пожеланий конкретных нет.
Спасибо за предложение, если что напишу.
Думаю, что нормальную статистку получу не раньше, чем через 2-3 суток, тогда и отпишу о результате.
Valter 2 октября, 2007 19:50 #
Всё отлично работает, пожелание только одно и 2 вопроса
1. Если адрес имеет длинный url (http://dic.academic.ru/library.nsf/brokgauz/bibl.html) с большим числом папок, то неудобно просматривать страницу, на которую был совершён переход. Приходится обходить все папки.
Вместо этого, можно, например, задать между папками ставить знак подчеркивания (_), тогда страницы одного сайта, относящихся к разным папкам, будут в одном разделе, посвящённом этому сайту.
(входим в раздел dic.academic.ru и там у нас library.nsf_brokgauz_ bibl.html )
2. Есть большие страницы, где необходима подгрузка каких-то элементов (в том числе таких счётчиков) не сразу, а через какое-то время после входа пользователя.
(например, пользователь принимает решение о том оставаться ему на сайте или нет от 10 до 30 секунд, в это время и будет совершаться подгрузка ). Возможно ли указать в скрипте время начала загрузки?
3. Хорошо, что не удаляется http, а записывается в отдельную папку, потому что есть ещё защищённые страницы https. Их лучше отслеживать отдельно.
4. Отслеживание использования поисковой формы сторонних сервисов (Google, Yandex), что искал, какие запросы вводились пользователем. Осуществимо ли это?
Спасибо за скрипт :-)
SOb 26 октября, 2007 1:45 #
Если внешние ссылки формируются динамически, то в код onlick можно вставить что-то типа: "/outgoing/" + this.hostname + this.pathname
Rostyslav 29 ноября, 2007 23:00 #
У меня на сайте есть файлы:
_www.site.com/downloads/file1.zip
_www.site.com/downloads/file2.zip
_www.site.com/downloads/file3.zip
На эти файли размещены ссылки c других сайтов.
Как можно отслеживать закачки с других сайтов м помощью Аналитикса?
Евгений 29 ноября, 2007 23:25 #
Если на других сайтах даются прямые ссылки на файл, а не на страницу вашего сайта то отслеживать скачивания с помощью GA нельзя.
Но в системах основанных на анализе логов сервера эти скачивания отследить можно.
Rostyslav 29 ноября, 2007 23:55 #
2 Евгений
Спасибо.
Уже нашел ответ.
http://guicci.ru/2007/09/17/google-analytics-chast-6-otkrovenie-dlya-sharevarschika/
Оказывается можно.
Евгений 30 ноября, 2007 0:43 #
Все таки нельзя, можно отслеживать только те скачивания, которые были с вашего сайта, обойти это ограничение невозможно (в пределах разумного, а теоретически возможно все).
Rostyslav 30 ноября, 2007 9:25 #
Да точно :-(
Там похожий подход.
Но если например на file1.zip поставить редирект на страницу которая загружает Аналитикс, дергает нужный УРЛ и сразу редиректит на file1_redirected.zip?
А вообще, как вы думаете, из .htaccess можно вызывать Java скрипт при редиректе?
Евгений 30 ноября, 2007 13:10 #
Я именно о такой схеме думал когда писал, о теоретической возможности, в .htaccess редиректить на страничку со скриптом дергающим нужный УРЛ.
А зачем вызывать JS из .htaccess, достаточно редиректить на html страничку которая его вызовет.
Алексей 2 февраля, 2008 17:49 #
А как сделать скрипт, чтобы высвечивались IP-адреса посетителей?
Или лучше чтобы можно было видеть с какой IP_адрес по какому посиковой фразе зашел.
Используем новый счетчик ga.js
ScorpAL 13 февраля, 2008 14:11 #
Думаю, статью стоит немного дополнить или исправить в связи с недавними изменениями в коде счетчика.
Евгений 13 февраля, 2008 14:50 #
В скрипте учета исходящих ссылок я уже исправил, чуть позже поправлю остальные части статьи.