Путь к статье: Главная » Для сайта

Добрый день, сегодня я наконец-то нашёл способ, как отслеживать клики по внешним ссылкам в Google Analytics. Ведь следить по внутренним кликам можно без проблем, а вот на внешние клики, аналитикс не настроен изначально и надо внести маленькие поправки в код счётчика и код отслеживаемой ссылки.

Для чего это может пригодиться, спросите вы? Во-первых, выставив в целях отслеживание по кликам, можно смотреть, сколько людей перешло на вашу RSS или ваш Twitter. Сравнивать источники трафика по выполненным целям, то есть можно смотреть, откуда посетители чаще кликают на ваши RSS/Twitter, переходы на партнёрским ссылками и так далее. Если у вас есть Интернет магазин, то можно отслеживать клики по кнопке купить, заказать и.т.п.

Установка кода

Изначально стоит код Google Analytics который считает статистику сайта, выглядите вот так:

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

Чтобы мы смогли отслеживать клики по внешним ссылкам, надо добавить сразу под основным кодом, вот этот кусок:

<script type="text/javascript">
 var pageTracker = _gat._getTracker("UA-ххххххх");
 pageTracker._trackPageview();
</script>
Вместо UA-ххххххх, поставьте свой индификатор в Google Analytics

Весь этот код, должен размещаться перед тегом </head>. Вообще в основном скрипте, есть вот такая строчка - _gaq.push(['_trackPageview']); и она по идеи отвечает за отслеживание переходов на страницы, но с помощью неё заставить работать код у меня не получилось.

После того, как вы разместили код, надо добавить к отслеживаемым ссылкам специальный атрибут так сказать, это код на Яве, который будет создавать эффект перехода на внутреннюю страницу. Вот так выглядит у меня отслеживаемая ссылка:

<a href="https://twitter.com/seocospi"
onClick="javascript:pageTracker._trackPageview('/twitter');">Твиттер</a>

Строчка с атрибутом onClick создаёт переход на страницу /twitter, которую и фиксирует Аналитикс в целях. Этот код надо добавить ко всем ссылкам Твиттера на сайте.

Настройка цели

Теперь надо настроить цели, для этого заходим в Google Analytics и кликаем по кнопке "Изменить":

настройка целей

Добавляем новую цель, указываем названия и выставляем вот такие настройки:

настройка целей

После того, как пройдёт определённое время, вы сможете увидеть статистику в Целях. Посмотреть какой трафик более активно выполняет цели и.т.п:

настройка целей

Советую так же почитать пост, про настройку Оповещения в Google Analytics.


Поделитесь записью:


Комментарии
  1. Cospi

    Всмысле пример? Я в статье привёл ссылку, как у меня стоит, это и есть пример.

  2. Cospi

    Этот атрибут в Java Script, который позаоляет задать действие или ещё что-нибудь для кнопок, боксов и.т.п. на клик мышкой от пользователя, в данном случае на клик по ссылке.

  3. arkadjar

    Для новичков это пожалуй сложновато. Проще просто зайти на DiNews.ru и посмотреть внеш и внутр.ссылки.

  4. Cospi

    вы не совсем наверно поняли смысл статьи, это не просмотр ваших ссылок, а именно кто-куда кликал по внешним ссылкам.

  5. san4izl

    А что лучше: Метрика или Аналитикс? На данный момент стал пользоваться Метрикой, но часто вижу подобные статьи о Аналитике. Что посоветуете?

  6. цырало

    Почему Выдает ошибку JS. var pageTracker = _gat._getTracker(«UA-2190187-1»); pageTracker._trackPageview();

  7. Алексей

    Может у Вас не получилось заставить работать «_gaq.push» потому что переход по ссылке срабатывал быстрее чем асинхронный метод успевал отправить данные на сервер аналитики?

  8. Cospi

    Заставить работать не получилось, поэтому пришлось использовать тот дополнительный код для вставки.

  9. Алексей

    Я понимаю, что не получилось. Просто интересует вопрос «Почему?». У меня есть мысль, что когда делается push в _gaq объект, то он не успевает отправить данные на сервер (потому что использование _gaq является асинхронным). А в коде что Вы использовали явно прописано трекирование и пока оно не выполнится перехода по ссылке не будет.

  10. Cospi

    Вы просто вопросительный знак поставили в прошлом сообщении, поэтому я и не понял, вопрос это или утверждение было. Я в тонкостях этих скриптов не силён, перечитал всю справку Гугла, нашёл код который работает и мне хватает.

  11. Cospi

    Вообще слово «событие» нигде в Аналитиксе не употребляется вроде. Есть цели, с помощью них можно и считать какие-то события, которые произошли на сайте — клик по ссылке, просмотр страниц и.т.п.

  12. Cospi

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

  13. Алексей

    Да, практика показала что _gaq.push не успевает подхватываться (если использовать его для ссылок), поэтому лучше использовать явно объект «pageTracker». P. S. И еще поправка, метод _getTracker считается на данный момент устаревшим и рекомендуется использовать _createTracker

  14. Алексей

    Или можно попробовать такой подход: 1) Объявить функцию function trackLink(link, category, action, opt_label) { _gaq.push([‘_trackEvent’, category, action, opt_label]); setTimeout(‘document.location = «‘ + link.href + ‘»‘, 100); } 2) В ссылку писать onclick=»trackLink(this, ‘category’, ‘action’, ‘opt_label’); return false;» Поясню: «return false;» позволяет выполниться скрипту в полной мере, а задержка в 100 миллисекунд дает время для загрузки и срабатывания асинхронного кода

  15. Юрий

    в примере использован асинхронный код потому будет работать только если в ссылку добавить: onClick=»_gaq.push([‘_trackPageview’, ‘ВАША_МЕТКА_СОБЫТИЯ’]);» у меня после этого изменения все включилось моментально и статистика скачивания ПДФ начала работать

  16. Cospi

    У меня цели работают на том коде, который описан в статье. Но может кому-то пригодится ваша доработка, спасибо.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *