Перезвоните мне

+7 (495) 77-55-145

Отслеживание Adobe Flash приложений с помощью Google Analytics - блог о веб аналитике Keyvision

Отслеживание Adobe Flash приложений с помощью Google Analytics

( веб-аналитика adobe flash google analytics )

02 Ноября 2011 | Андрей Фейгин

Как известно, Google Analytics очень мощный инструмент для веб-аналитики. В частности, когда приходит время решать узкие задачи вашего бизнеса, нам необходимо приложить некоторые усилия, чтобы построить из имеющегося функционала действующий механизм. Но главное заключается в том, что это можно сделать. И в этой статье я постараюсь достаточно подробно описать интеграцию flash приложения с Google Analytics на примере плеера.
 

Установка

Итак, для встраивания дополнительного кода отслеживания нам понадобится Adobe Flash, не ниже 9ой версии, gaforflash, исходник с расширением *.fla и небольшое знание ActionScript 3.0.

Установка дополнительных компонентов для Adobe Flash

Качаем gaforflash.Распаковываем архив и копируем файлы компонента (с расширением *.swc) в папку, куда был установлен Adobe Flash: CommonConfigurationComponentsGoogle.
Открываем Adobe Flash файл *.fla, который мы в будущем собираемся отслеживать. Переходим во вкладку Windows -> Components или жмем CTRL + F7.
Теперь надо добавить компонент AnalyticsLibrary в ваш проект.
Components
Для этого просто перетаскиваем его в один из frame-ов:

frame
На этом работа с добавлением инструментов для отслеживания закончена. Приступаем к следующему, а именно — идентификация счетчика и отправление данных в Google Analytics по просмотру и действиям пользователей.
 

Установка счетчика в Flash

Для определения аккаунта Google Analytics и загрузки требующихся модулей, необходимо прописать следующие строчки, например, в первом фрейме проекта:

import com.google.analytics.AnalyticsTracker;
import com.google.analytics.GATracker;
import com.google.analytics.utils.URL;

Далее необходимо определить аккаунт, куда мы будем отправлять данные. В случае с «самостоятельным» плеером (не привязанным к внутренней архитектуре), расположенным на страницах сайта, я советую заводить отдельный счетчик — таким образом, вы избавите себя от смешения данных в счетчике. Все зависит от того, что вы хотите отслеживать. Если большой массив данных, например: отслеживание нажатий на разные области вокруг средств управления, переход по ссылкам, просмотры видео и прочее-прочее, то это безоговорочно новый счетчик. Если у вас сделано меню с помощью Flash — используем старый. Надеюсь, логика ясна.
Итак, чтобы определить аккаунт, куда мы будем отправлять данные, добавляем в Action Script следующую строчку:

var tracker:AnalyticsTracker = new GATracker(this,"UA-XXXXX-X","AS3",true);

Выглядеть у вас это должно как-то так:

Action Script с заданным аккаунтом Google Analytics
Еще добавим строчку для отслеживания того, какие данные будут уходить в GA. Это нам пригодится потом, когда будем заниматься отладкой. Это намного быстрее, чем ждать, когда серверы Google обновят данные и мы получим реальную статистику.

tracker.debug.active = true;

Теперь осталось самое интересное: распределить действия пользователя, которые будут отправляться в Analytics.
Можно сразу любое действие разделить на два потока: event — оставим для кнопок, pageview — для просмотра страниц, изображений, разделов меню, видео и т.д.

Функция по переходу к следующему слайду, например, будет выглядеть так:

function fl_nextButtonClick(evt:MouseEvent):void
{
nextSlide(); // функция перехода к следующему слайду
tracker.trackEvent("Button","next"); // Функция, которая отравит данные в Google Analytics
}

Для отслеживания просмотра текущего слайда используем функцию:

tracker.trackPageview("/image/"+title_txt.text);

где title_txt.text будет именем файла, который был под загружен в swf файл.

Для отслеживания реферального источника:

tracker.trackPageview("/referer/"+loaderInfo.url);

Экспортируем и получаем примерно следующую картину в Flash файле:

Функции прописанные в Flash файле

Отчеты в Google Analytics

Итак, мы знаем, что данные уходят. Но, посмотрим их в отчетах Google Analytics:
Отчет по страницам в Google Analytics

Таким образом, мы получаем: просмотры, отказы и прочие данные по посещениям. 

Также мы видим, что при тестировании referer записывает расположение файла на жестком диске (4ый пункт), а при запуске с сервера — полный путь до расположения папки.
При этом, доступны еще и следующие отчеты:

Использование кнопок управления контентом

Отчет по событиям в Google Analytics


 

В отчетах будет полная информация по демографии информация по странам: 

Отчет по демографии в Google Analytics

 

 

А также браузерам, операционным системам, провайдерам и мобильным устройствамОтчет по мобильным устройствам в Google Analytics

 

Таким образом, мы можем беспрепятственно отслеживать действия пользователей для любых flash приложений и собирать статистику по их использованию в счетчике Google Analytics.

Адрес: Москва, центр дизайна ARTPLAY, ул. Нижняя Сыромятническая, дом 10 (м.Курская)
Тел.: +7 (495) 77-55-145
Email: info@keyvision.ru
KeyVision, 2011-2017. © All Rights Reserved

Дизайн: ijidigital

 
ъ 1