Декабрь 2015. Что нового появилось на Звезде?

Звезда
5 min readJan 12, 2016

--

В декабре и в январские каникулы мы поработали как над невидимой стороной сайта (например, через несколько дней закончим тестить php7 и окончательно переедем на эту версию), так и над видимой.

И вот, что у нас получилось.

Система баннеров

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

Во-первых, количество рекламных форматов мы сократили до 2 (двух): в боковой колонке и на стыке материалов сайта при переходе от текста к тексту.

Две рекламные зоны на zvzda.ru

Во-вторых, мы сделали свою систему баннеров, отказавшись от готовых решений и третьих лиц.

Что она умеет?

Она умеет ставить баннеры на указанный срок, по количеству показов и по количеству кликов, отключая показ баннера, когда какой-то из этих параметров «закончится» первым. Кроме того, мы предусмотрели второй — малый размер баннеров, который включается и заменяет большие на мобильных устройствах. Так что, никаких теперь разрывов экрана или пропорционального уменьшения картинок с нечитаемыми текстами.

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

По рекламным форматам это ещё не конец, потому что мы в январе планируем сделать ещё несколько, как нам кажется, интересных и эффективных штук для рекламодателя.

Чартбилдер

Наверняка, многие слышали про ресурс Quartz. Так вот, их команда разработчиков сделала скрипт, который умеет рисовать диаграммы и графики. Они выложили его в свободный доступ на GitHub. Мы с ним разобрались и поставили себе на сайт.

Что он умеет?

Да почти всё, что нужно для графиков. Но в отличие от, например, Datawrapper, он не грузит сайт. Мы проверили — график теперь в 70 раз (!) легче, чем emded от Datawrapper. И вообще, хорошо же, когда всё делается не на сторонних ресурсах через embed-код, который совершенно ужасно смотрится на мобильных устройствах?

Так же Chartbuilder умеет делать диаграммы в самых разных видах и формах.

Превью графика, выбор типа графика и поле ввода данных для построения
Выбор цвета линий, вид диаграммы и прочие характеристики

Вживую это выглядит вот так: графики, построенные с помощью Chartbuilder.

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

Отображение графиков на экране смартфона

Формат ЗА и ПРОТИВ

Ещё одно новшество касается редакционно-технической части. Все наши форматы (карточки, авторские колонки, кометы, списки) — технически это просто разные типы записей с разным оформлением.

В газете Звезда, которая тоже издаётся в нашей редакции, мы подсмотрели формат, который, как нам кажется, будет очень любопытным и для интернета. Это формат «За и Против», когда на одной странице мы даём два разных мнения на одну тему. А потом оказалось, что нечто подобное есть, например, на сайте OpenAsia.

Собственно, вот, что получилось. За мнение, которое вам интересно и с которым вы согласны, можно и проголосовать.

Сначала была мысль сделать это всё в две колонки, но как-то это не очень смотрится в нашей вёрстке. Плюс — для мобильной версии проблемно было бы. И мы решили просто не делать длинные тексты, а требовать от авторов краткости и ёмкости. И вытянули всё вниз. Посмотрим, что получится, когда начнут набираться тексты.

Ну и, конечно, тут сразу просятся всякие дополнительные вещи типа «Лидеры мнений», статистика. Но это будет чуть позже.

Справка

Мы переделали оформление справочной информации. Чтобы не тратить пространство на отдельный текстовый кирпич, мы сделали вот такую простенькую, но, как нам кажется, удобную штуку. Так что, увидите у нас на сайте такой вот знак вопроса — кликайте, не стесняйтесь! :)

Возле места в текст, где есть справочная информация, стоит знак вопроса (?). Кликнув на него, получаем справку по теме.

Пермь извне

Однажды мы искали новости. И как-то всё нам попадался всякий трэш (впрочем, неудивительно). И мы подумали — а как же, должно быть, непрезентабельно выглядит наш скромный город из-за пределов Пермского края. И тогда решили сделать несложный агрегатор, назвав его «Пермь извне», чтобы видеть картину, какой её видят те, кто не живут в Перми. Вот что получилось.

Парсер читает не только российские издания, но и западные (европейские и американские) ресурсы. Правда, с западными есть известный казус. Система работает по ключевым словам, а слово «perm» в английском языке не всегда означает название города. Мы попытались как-то снизить количество материалов про причёски, но иногда они всё же пробиваются.

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

Читайте.

***

Планы на январь

В январе мы плотно занимаемся рекламными возможностями, функциями и сервисами. И, конечно, дистрибуцией того, что мы на сайте делаем: соцсети, мессенджеры — наши главные точки приложения усилий по дистрибуции. Как и что получится — расскажем в этом блоге обязательно.

На сегодня — всё.

Читайте Звезду. И если вам интересны материалы с пермским акцентом, то подписывайтесь на наш канал в Telegram или на нашу рассылку в WhatsApp (нужно прислать слово ПОДПИСКА на наш номер +79226472628).

--

--

Звезда

Разработчикам дали возможность писать тексты