суббота, 7 ноября 2009 г.

Быстро и удобно. Отслеживаем переходы и скачивания файлов на своем сайте с использованием Google Analytics

У вас возникла задача отслеживать переходы и скачивания файлов? В этом вам поможет Google Analytics(видео по регистрация акаунта). Если вы уже используете данный продукт на вашем сайте, то вам осталось для выполнения этой задачи всего "полшага".

По сути, Google Analytics предоставляет возможность для выполнения отслеживаний. Чтобы воспользоваться ими вам необходимо добавить javascript-овое событие onclick в ссылку.

<a href="http://mysite.com/files/logo.jpg" onClick="javascript: pageTracker._trackPageview(’/download/logo’);">click me</a>

Прописывать событие "onclick" возле каждой ссылке очень неудобно. Вот об упрощении работы и пойдет дальше речь.

Для упрощения можно воспользоваться проектом jquery-google-analytics. Хорош он тем, что позволяет использовать преимущество jQuery Selectors и сам выполняет работу по инициализации Google Analytics.

Подключения скриптов

Для работы вам понадобится jQuery и jquery-google-analytics. Подключить их можно следующим образом.

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>
<script src='http://github.com/christianhellsten/jquery-google-analytics/raw/master/jquery.google-analytics.js' type='text/javascript'/>

Инициализация


При использовании этого решения вам не придется добавлять скрыпты Google Analytics, данное решение сделает эту работу за вас. Необходимо лишь запустить trackPage с указанием вашего кода отслеживания.

<script type='text/javascript'>
$.trackPage('UA-#######-#', {status_code: 404});
</script>


Замените значение "UA-#######-#" на свой код.

Добавления отслеживания


Про все возможности отслеживания вы можете прочитать на странице проекта. Мне нужно было добавить отслеживание для скачиваемых файлов(категория "download"), и на переходы по внешним ссылкам(категория "ext_link"). В качестве атрибута, который указывает на необходимость такого отслеживания, выбрал "rel".

<script type='text/javascript'>
$(document).ready(function(){
    $('a[rel=download]').track({
        category : 'download'
    });
    $('a[rel=ext_link]').track({
        category : 'ext_link'
    });
});
</script>

Использование


В заключении вам необходимо добавлять к ссылкам нужную категорию, для этого в теге "а" атрибута "rel" укажите значения категории следующим образом.

<a rel="download" href="http://sscaos.googlecode.com/svn/trunk/nft/sr/actionscript3/n_VS_i_sum.mxml">Исходник теста.</a>
<a rel="ext_link" href="http://www.adobe.com/devnet/flex/articles/server_perf.html" class="tracked">Flex Application Performance: Tips and Techniques for Improving Flex Server Performance</a>


При таком использовании в Google Analytics появится категории "download" и "ext_link", и в каждой из них будут отображаться url страниц для которых вы установили отслеживания.

Действительно, теперь достаточно создать необходимые категории и указать их на нужных ссылках, a всю остальную работу сделают за вас.

2 комментария:

  1. Всё это хорошо конечно ,сам пользуюсь.
    Один минус ip не кажет.И отслеживание очень очень
    жёсткие.

    ОтветитьУдалить
  2. Хочешь IP - веди отдельный лог. Правда не понятна цель в этом случае (Словить человека за рукав, что он зашел на твой сайт?).

    По поводу "жесткого отслеживания" не совсем понял.

    ОтветитьУдалить