Отслеживание видео, встроенного с Youtube.com, через Google Analytics

Друзья! Я возобновляю вещание. :)
И в качестве первой задачки самому себе ставлю вот какой вопрос. Как отслеживать статистику взаимодействий пользователя на сайте со встроенными роликами из youtube? И разумеется, было бы идеально использовать для этого мой любимый инструмент для веб-аналитики - Google Analytics.
Все мы знаем о механизме событий в GA (events) и что его можно приладить к действиям "Play", "Pause" и т.д. Но этого "малавата будет". Хочется копнуть вопрос поглубже и выяснить, что стоит за отслеживанием видео на сайте и к каким выводам можно прийти?
Для начала я повешу здесь свое старенькое видео, снятое в Португалии. Буду использовать его, как подопытного кролика :)

О результатах своих экспериментов буду сообщать дополнительно :)

Здравствуй, мир!

Друзья!

Этим постом сообщаю, что покинул штатную работу. Ушел из компании, в которой работал 11 лет. Да.. Очень многие делают круглые глаза, услышав, что в наше время кто-то столько работает на одну компанию.

За это время довелось решать самые разные задачи, от мотивации персонала до автоматизации верстки печатного каталога. Но основная задача – запуск, поддержка, продвижение и развие главного интернет-сайта компании.

В качестве "отчетного концерта" приведу немного цифр.

• Если верить счетчику Рамблера (самому давно установленному) с июля 2001 года на сайте побывало около 2,5 млн человек, они посмотрели почти 21 млн. страниц, т.е. по 8,4 страницы на человека.
• За 11 лет на сайте опубликовано 722 новости. Получается чуть больше одной новости в неделю.
• В портфолио на сайте 384 оснащенных объекта и 6698 сделанных нами фотографий. В среднем 17 кадров на один проект.
• В каталоге интернет-магазина представлено 12 588 товаров. Система заказов запущена на сайте 25 апреля 2003 года.
• За 9 лет поступило 11 тыс. заказов на сумму 323 миллиона рублей. Хочу шоколадку! :)
• И о высоком.. Яндекс тИЦ 350, Google PR 4. В индексе Яндекса 35169 страниц. По двум самым популярным отраслевым запросам сайт многие годы стабильно стоит в ТОП-5 Яндекса. Спасибо компании Трилан, нашим многолетним партнерам по продвижению!

За 11 лет у меня в отделе поработало 5 контент-менеджеров (включая меня в первые 2 года): Олеся, Юля, Оля, Ира. Мои прекрасные девушки! Если вы читаете это, спасибо вам большое! Работать с вами – сплошное удовольствие! :)

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

Что ж.. Пройдя через этот путь и приобретя немало опыта, буду применять его на благо компаний, которым он окажется полезным.

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

Ура и вперед, к конверсии 100%! :)

Семинары по интернет-маркетингу

Не волнуйтесь, я никуда не пропал :)
Пауза в вещании связана с тем, что все время уходит на подготовку семинаров, которые я сейчас провожу.
Да, одно дружественное мне рекламное агентство попросило меня прочитать для своих сотрудников серию семинаров по интернет-маркетингу.
Один семинар уже успешно прошел 5-го марта, предстоят еще два. Все происходящее я записываю на видео и предполагаю по итогам семинаров сделать видео-отчет. И поделиться с вами, читателями моего блога, разумеется.
Оставайтесь на связи! :)

Размещение мебели в интерьере, как пример нестандартного функционала на сайте

Итак, обещанный пример нестандартного функционала для сайта мебельной компании.

Пусть воображаемое ООО “Ромашка” продает жилую мебель - корпусную и мягкую (для кухонной и офисной мебели примеры получились бы сложнее, но не менее интересными).

Задача посетителя мебельного сайта - обставить свою квартиру. Поможем ему в решении!

Пользователь заходит на страницу приложения на сайте. Опишем по пунктам, с чем ему предстоит взаимодействовать.

1. Слева он видит рабочее поле, разлинованное в клетку (как лист школьной тетради). Это прообраз его жилплощади. Масштаб клеток можно выбирать - либо оставить по умолчанию 1х1 метр (что просто, но не всегда подходит), либо, например, 10х10 см. Можно позволить пользователю выбирать произвольный масштаб - дело вкуса разработчика.
2. На первом шаге пользователь по клеткам рисует помещение, для которого он собирается купить мебель. Это может быть отдельная комната или сразу целая квартира. Процесс выбора вполне интуитивен: кликнул по клетке - она окрасилась из серого в белый и “стала” частью помещения.
3. Справа от рабочего поля на экране расположена “палитра объектов”, где в качестве объектов выступают элементы мебели - шкафы, тумбы, диваны, кресла, столы, стулья и т.д. Причем не просто, а разумеется, той самой мебели, которую производит и продает компания-хозяйка сайта. Также надо дать возможность нанести такие нейтральные объекты, как дверь, окно, батарея и т.д.
1. Дизайн палитры объектов - одно из тонких мест сервиса. Здесь есть, над чем подумать дизайнеру и юзабилисту. Необходимо компактно разместить довольно большой ассортимент мебели и сделать это максимально привлекательно.
2. Поскольку мебель продается сериями, то на палитре имеем группировку по сериям, каждую из которых можно развернуть и посмотреть поэлементно. Можно также перейти в каталог интернет-магазина и посмотреть развернутую презентацию серии.
4. Основной функционал палитры, как вы догадались, это возможность натаскивать мышкой различные элементы мебели на рабочее поле слева, символизирующее жилплощадь. Разумеется, все происходит в реальном масштабе с учетом настоящих размеров каждого объекта.
1. Мебель можно двигать, удалять, поворачивать, меняя взаимное расположение. И таким образом оценивать текущий вариант обстановки.
5. Дальнейший функционал - более сложные разработки, но кто сказал, что это невозможно? :) К примеру по окончанию расстановки можно предложить пользователю сделать трехмерную визуализацию (рендер) получившегося интерьера. Не забудем и про выбор мебельной текстуры.
1. Можно расширить палитру нейтральных элементов за счет цветов, например. Тут можно закрутить партнерство с флористами и предлагать их продукцию! Тоже профит!
2. Тонким моментом может стать мебель, которая при эксплуатации меняет свой размер, например, раскладной диван. Важно ведь соблюсти взаимное расположение мебели, чтобы никто никому не мешал. Когда такой объект с “гибкими” размерами уже перетащен на рабочее поле, можно кликом по нему правой кнопкой менять конфигурации (“сложен”, “разложен” и т.д.) Если возникает конфликт, выдается предупреждение!
6. И разумеется главный результат - готовая спецификация на весь комплект мебели с расчетом итоговой стоимости. Не забывайте про скидку в благодарность за самостоятельность покупателя! :)

Пара технических моментов.
1. Современная мебельная компания использует для проектирования системы уровня AutoCad. Таким образом для поддержания актуальности объектов мебели на палитре нашего веб-приложения потребуется наладить импорт базы мебели из подобного пакета. Задача не самая простая, но для опытного разработчика выполнимая.
Важно не упустить этот момент - нельзя сделать этот сервис “раз и навсегда”. Базу мебели надо постоянно актуализировать!

2. Реализация клиентской части возможна как на Flash, так и с помощью JavaScript + HTML5. Выбор технологии - прерогатива опять-таки разработчика, но мне видится более предпочтительным второй вариант.

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

1. Элемент игры несомненно присутствует - пользователь увлеченно таскает мебель, “проектируя” собственное жилище, а в качестве финиша - готовая обстановка. В идеале остается оплатить и ждать доставку.

2. Полезность тоже очевидна - в результате пользователь получает продуманное решение по размещению мебели в комнате или целой квартире.

3. Взаимодействие с продукцией компании - здесь тоже нет сомнений. Пользователь “размещает” в комнате мебель именно нашей компании. Если потом выяснится, что у конкурентов диван на 500 рублей дешевле, то, думается, это не станет весомым аргументом. Тут ведь уже “все хорошо вписалось в комнату и грамотно сочетается!” :) Да и плюс скидка за весь комплект!

4. Логика и интуитивность зависят от проектировщика приложения. Но тут большой плюс - широко распространенная концепция палитры объектов и их натаскивания на рабочее поле. По такому принципу уже работают многие “оффлайн”-приложения.

5. Эстетика отдается на откуп дизайнеру, а уж он должен постараться. При хорошем раскладе эстетика приложения вкупе с эстетикой самой мебели должны дать синергетический эффект. После этого у пользователя не будет даже и шанса отказаться от покупки! :)

Пять важных моментов на пути создания нестандартного функционала на корпоративном интернет-сайте

Итак на сайте работает каталог продукции с возможностью оформить заказ. На сайт идет приличный поток посетителей, процессы выверены, цены адекватны, телефон на видном месте, юзабилити-аудит проведен, требования (ну в основном) выполнены. Т.е на ерунде мы клиентов не теряем.

Но хочется еще увеличить отдачу от сайта. Это можно сделать, лучше вовлекая посетителей во взаимодействие с сайтом, продукцией и самой компанией. Таким образом мы увеличиваем вероятность их превращения в клиентов.

Как улучшить конверсию?

Одно из наиболее сильных решений - разместить на сайте нестандартный функционал, реализовать веб-приложение нашей мечты (точнее, мечты нашего пользователя).

Какие важные моменты на пути создания такого функционала можно выделить?

1. Элемент игры. Прямо сейчас, сидя за компьютером (тыча пальцем в смартфон), пользователь не получит реального товара. Но ощущение собственного достижения важно для вовлечения пользователя. Он должен “выиграть”, пройти “квест”, успешно добраться до финиша!
2. Ощущение полезности своей деятельности. Пользователь не просто так “в компьютер играет”, а приближается к решению поставленной задачи. Увидели противоречие с первым пунктом? :) А вот и нет его! Но грань тонкая и пройти через нее надо суметь.
3. Взаимодействие с продуктом компании. Пользователь должен начать проникаться полезностью продукта, вникнуть в суть его использования и его преимущества.
4. Логика и интуитивная понятность интерфейса. Как пользоваться кнопкой “Купить” и корзиной покупок, все давно освоили. Но мы ведь говорим о нестандартном функционале! В нем придется разбираться с нуля.
5. Эстетика, привлекательный дизайн. Важный дополнительный (а иногда и основной) стимул для пользователя попробовать ваш функционал.

В следующем посте в качестве примера я поделюсь с вами идеей нестандартного функционала для сайта мебельной компании.

Развитие функционала интернет-сайта, как фактор вовлечения и конверсии посетителя

Каникулы - это прекрасно, но пора вспомнить и о делах насущных :)

Итак для первого поста 2012 года - одна из моих любимых тем - функционал интернет-сайтов.

Уже несколько лет Интернет из информационной среды превращается в среду приложений. Немало этому поспособствовало появление асинхронных технологий взаимодействия с сервером (AJAX, JSON), а также развитие возможностей клиентских скриптов (JavaScript, HTML5). Сегодня через браузер можно ретушировать фотографии, создавать таблицы, тексты, играть в игрушки, работать с почтой, календарем, звонить по телефону.

Что данный тренд означает для корпоративных сайтов?

Вспомним вкратце их историю.

1. Сайт-визитка отвечал на вопросы: Кто мы такие? Чем занимаемся? Как с нами связаться? Последний особенно важен, потому что до сих пор некоторые сайты грешат запрятанными в глубины сайта телефонами, по которым давно уже другая компания.

2. Каталог продукции. Переход от статичной HTML-верстки к динамическим сайтам с серверными скриптами и базой данных позволил создавать и управлять тысячами страниц силами одного контент-менеджера. Стало возможным опубликовать огромный ассортимент товаров с картинками, описаниями и параметрами каждого.

3. Интернет-магазин. Для многих в это понятие вкладывается наличие на сайте цен (большой и морально сложный шаг для своего времени), кнопки “Купить” и  корзины товаров. Заявка приходит менеджеру обычным email’ом. Но и это уже неплохо!
Делать бизнес - значит продавать. И сайт не должен стоять в стороне.

4. Что дальше? Очевидное продолжение - интеграция с учетной системой компании. Отсюда публикация складских остатков, прием электронных платежей, автоматизация обработки (а иногда и выполнения) заказа.
Но все это скорее - внутренние бизнес-процессы, а что остается на видимой пользователю поверхности, т.е. на сайте?

Первое, что приходит в голову в этом контексте - брендованные игры. Лет 5-7 назад случился настоящий бум, когда компании за весьма серьезные деньги создавали и размещали браузерные игры со своей рекламой.

Хорошо. Игры подходят почти всем и даже в B2B работают, цепляя серьезных дяденек. Но что дальше?

А дальше предстоит реализовывать довольно тонкие (в смысле, сложные по взаимодействию) сервисы, лежащие на стыке информационной архитектуры, новых веб-технологий, дизайна и конечно же маркетинга. Эти сервисы уже сильно привязаны к специфике бизнеса компании-владельца сайта.

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

Далее я поделюсь своими соображениями относительно создания таких сервисов и в качестве примера приведу свою идею для развития функционала сайта мебельной компании.