Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Видеопроизводство для бизнеса. Реклама.
Рекомендуем
Продвинуть свой проект
Подписывайтесь на Спарк во ВКонтакте

События на странице сайта: Пользователь доскролил до опр. части страницы

206 8 В избранное Сохранено
Авторизуйтесь
Вход с паролем

Коллеги, подскажите пожалуйста, как можно отследить прочитал ли (читай доскролил) пользователь определенную часть текста на лендинге?

Для примера возьму лендинг одного из моих проектов: http://aerialmedia.ru/

На лендосе есть раздел "оборудование и цены" - к нему прицеплен анкор #equipment. По идее я могу отследить переход по анкору т.к. это отобразится в адресной строке (и соотв сработает достижение цели "адрес содержит:"), но вот если юзер просто доскролит сверху вниз до раздела цен, то я никак не узнаю (кроме как если буду смотреть за конкретным юзером в вебвизоре метрики).

Вопрос: можно ли закрепить за областью на лендинге где написаны цены, какое то javascript событие или что-то еще (к примеру на некоторых лендингах проигрывается анимация, когда вы впервые доскроливаете до определенного раздела)? Чтобы это событие срабатывало и это будет индикатором того, что посетитель наблюдал на экране этот раздел лендинга?

Может имеются куда более элегантные решения?

-1
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Первые Новые Популярные
GML
Сервис организации ваших интернет линков
GM2mars
Можно. У каждого элемента на странице есть своя позиция, относительная и абсолютная. Так же есть значение скрола у документа (на сколько проскролил пользователь страницу). Ещё есть само событие скрола. Эти три составляющих дают нам простой алгоритм.
При событии скрола проверяем текущее положение скрола страницы больше положения нужного нам элемента, если да, то делаем нам нужное действие, если нет, то ждем дальше.

За техническими подробностями на соответствующие ресурсы (тостер, стековерфлов) или лучше наймите программиста-фронтэндщика.
Ответить
Rook Films
Видеопроизводство для бизнеса. Реклама.
Роман Гунченко
Спасибо! Можете подсказать, как лучше поставить задачу программисту? Выходной результат как я понимаю это файл скрипта и код, который добавляется на страницу в месте где нужно отслеживать скролл?
Ответить
ITEBE
Уникальная система поиска и подачи бесплатных объявлений
Алексей Росс
Да, тривиальный код. Так и напишите отследить скролл (на конкретной странице) и на нужном элементе (положении скролла) вызвать событие, например, AJAX запрос, который плюсанёт счетчик (+добавит IP читающего), но подумайте так ли нужно вам это, на старых мобилах может вызвать некоторые трудности если сайт перегружен JS.
Ответить
EyeMedia
Digital-агентство
Rook Films
Видеопроизводство для бизнеса. Реклама.
Роман Гунченко
Евгений, подскажите пожалуйста что с этим скриптом делать )
Ответить
EyeMedia
Digital-агентство
Евгений Зведенюк
Там на сайте есть раздел с примерами. Можно из них подобрать то, что наиболее соответствует задаче.

Например, можно взять этот:
http://scrollmagic.io/examples/basic/custom_actions.html
И слегка изменить его так, чтобы при достижении определенной позиции отправлялся ajax запрос. Это если вы хотите сохранять куда-то данные о скроллинге посетителей.
Ответить
Александр Бубнов
А карта скроллинга в Яндекс.Метрике чем не устраивает?
Ответить
Rook Films
Видеопроизводство для бизнеса. Реклама.
Роман Гунченко
Необходимостью просматривать вручную
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать