FYI Music News

FYI Music News - это канадский музыкальный портал. Сайт предоставляет расширенные функции редактирования для работы с большим количеством разнопланового контента ежедневно:

• легкая система создания новостной рассылки
• простой выбор статей, которые должны попасть в дайджест
• гибкая система подачи и размещения рекламных объявлений пользователями на страницах журнала
• актуальный список музыкальных чартов с разделением по жанрам, а также еженедельно обновляемый раздел “Карьера”

О FYI Music News

FYI Music News - это ежедневно-обновляемый новостной портал. В его обновлениях появляются как профессионалы музыкальной индустрии, так и новые исполнители, а также новости государственных учреждений и музыкальных ассоциаций. За годы продуктивной работы, портал стал очень популярен как среди музыкантов, так и среди поклонников. Сайт предлагает интенсивную новостную ленту, актуальные позиции всевозможных канадских чартов и эксклюзивные статьи в своей тематике.

Страница новостей

Наша задача

Изначально FYI Music News не был адаптирован под мобильные устройства и имел низкую скорость загрузки контента. Также актуальной была проблема запутанной системы поиска. Отсутствие фильтрации по времени публикации привело к сложностям для редакторов и посетителей сайта. Посетители не могли находить информацию по предыдущим статьям, масса HTML кода в текстах мешала редакторам перепрофилировать контент по-новому. Помимо этого, у посетителей не было возможности участвовать в жизни сайта.

Перед нами были поставлены задачи:

• Адаптировать сайт для любого вида устройств на основе Bootstrap 3
• Упорядочить структуру существующего контента
• Оптимизировать интерфейс создания и редактирования контента
• Оптимизировать время загрузки страниц сайта
• Расширить возможности поиска и увеличить скорость его работы
• Реализовать редактор создания новостной рассылки на основе материалов сайта
• Настроить систему управления рекламными объявлениями от пользователей

Страница возможностей

Решение

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

Новые разделы для контента и система фильтрации позволили редакторам быстро начать работу с записями и легко размещать статьи в необходимых блоках.

Благодаря тесному сотрудничеству с представителями заказчика, нам удалось оптимизировать систему размещения контента. Мы использовали Media Browser для управления медиа-файлами, библиотеку Plupload для загрузки изображений простым перетаскиванием. Также мы задействовали WYSYWYG редактор и CKEditor, которые позволяют одним щелчком мыши правильно структурировать текст на странице. Функция стала возможна благодаря заранее прописанным шаблонам разметки.

Сторонние сервисы, такие как Disqus и Solr, были использованы для снижения нагрузки на сайт во время пикового трафика. Посетителям сайта стала доступна возможность легко найти интересующую их статью, оставить отзыв о ней или задать вопрос и получить быстрый ответ. И конечно, адаптация сайта для мобильных устройств сделала доступным весь контент для посетителей с любым типом гаджета.

Страница чарта

Страница музыки

Новостная рассылка

Изначально перед нами были поставлены следующие требования к созданию новостной рассылки:

• Удобный выбор материалов для включения в рассылку
• Интеграция рекламных объявлений в рассылку
• Функция предварительного просмотра с перетаскиванием тизеров выбранных материалов для сортировки
• Доступ к объявлениям должен быть ограничен активными, опубликованными и отформатированными на рассылку записями
• Уникальное имя (subject) для каждой рассылки, которое будет отражать содержание
• Надежность электронной почты и система отслеживания маркетинговой статистики

Для обеспечения надежности доставки писем и отслеживания маркетинговой статистики мы выбрали интеграцию с сервисом доставки электронной почты SendGrid. Рассылка осуществляется посредством использования REST API службы доставки почты SendGrid - она может обрабатывать большие объемы электронной почты, обеспечивая при этом подробные и настраиваемые отчеты, а также возможность масштабирования и повышения доступности.

С помощью связки Views + VBO мы создали решение, позволяющее сделать весь опубликованный контент доступным для включения в рассылку. Для активных рекламных объявлений появилась возможность сортировки по различным параметрам. Для удобства создания рассылки, мы также разработали новую опцию по созданию html разметки будущего письма на основании отмеченных статей.

Создание рассылки проходит в несколько этапов:

• Редактор выбирает статьи, которые попадут в рассылку
• С помощью перетаскивания тизеров определяется порядок следования статей
• Редактор видит содержимое рассылки в том виде, как оно будет показано пользователю. Здесь он имеет возможность добавить subject и внести изменения в заголовки статей или их тизеры “на лету”. Важно: эти изменения затронут только создаваемое письмо, но не отразятся на исходном контенте.

После сохранения всех изменений, редактор должен отправить тестовое письмо на служебный e-mail для проверки, и если шаблон не требует редактирования - отправить рассылку всему списку подписчиков.

Чарты

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

Данные предоставляются сторонними сервисами: Billboard API и Nielsen API, для интеграции с которыми реализовано обращение к API с сохранением и кешированием полученных результатов.

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

Система управления рекламой

Перед нами была поставлена задача по реализации системы подачи рекламных объявлений пользователями сайта и адаптации этих объявлений для отображения на любом типе устройств. В качестве ядра для управления рекламными блоками был выбран контрибный модуль SimpleAds.

Совместно с клиентом мы определили расположение рекламных блоков, а также якорные точки, на которых размеры блоков должны изменяться и подстраиваться под размеры экрана. Мы создали многоступенчатую форму: конструктор подачи заявления на размещение объявления, в котором пользователь указывает свои контактные данные, а также выбирает тип отображения рекламы и желаемые области. Затем появляется возможность загрузить подготовленные графические элементы необходимых размеров для каждого якоря на выбранных рекламных областях.

Для гарантированного отображения рекламных блоков при включенном блокировщике рекламы, был значительно переработан начальный шаблон отображения, а также задействовано динамическое образование css-классов контента, что позволяет обходить создаваемые рекламные фильтры и всегда отображать активные рекламные объявления.

Поиск

Для поиска на сайте используется проверенная и надежная связка модулей Search API + Search API Solr + Views. Вывод результатов поиска легко настраивается с помощью подсказок и ключевых слов, а для релевантности поиска по совпадению и дате публикации мы использовали boost функции поискового движка Solr.

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

Отчеты

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

• Создание таблиц на основе отчетов по продажам с фильтрацией по статусу заказа и диапазону дат. Отчет может показывать статистику продаж за день, неделю или месяц.
• Создание таблиц с наиболее активными клиентами, наиболее продаваемыми продуктами и ранжирует востребованность способов оплаты.
• Построение графиков для всех вышеуказанных отчетов.
• Экспорт данных в CSV.

Страница поиска

Страница новой песни

Вывод

В результате после запуска, новая структура контента и адаптивный дизайн открыли больше возможностей для редакторов, посетителей и инвесторов сайта. Продвинуть важную новость или самую обсуждаемую статью на главную страницу стало возможным в несколько кликов, а рекламные объявления спонсоров и инвесторов легко размещать, и они всегда видны посетителям, какими бы девайсами они не пользовались.

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