company_banner

Обновление панели администрирования

    Во времена моей молодости мне довелось вести на Хабре блоги некоторых компаний, поэтому полученные тогда знания «слабых мест» оказались не лишними при разработке новых функций. Сегодня мы представили компаниям новую панель администрирования — под катом предлагаю ознакомиться с ней всем желающим.

    Вот так выглядела главная страница панели администрирования корпоративного блога раньше:



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

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

    Dashboard


    Ни для кого не секрет, что компании заводят на Хабре блоги не оттого, что им нечего делать — все ставят перед собой определённые задачи. Для оценки эффективности (KPI) выполнения этих задач на Хабре и раньше было достаточно информации, но всегда найдётся, что улучшить. Так простая главная страница админки превратилась в более информативный центр управления полётами. Теперь на главной странице появились сведения о позиции компании в рейтинге, её хабраиндексе и количестве подписчиков — не только в виде текстовых значений, но и в виде вполне наглядных графиков (выбор пал на Flotcharts). Теперь любой руководитель или маркетинг-менеджер может зайти в админку и самостоятельно оценить динамику развития компании на сайте: растёт ли рейтинг, стараются ли его сотрудники и т.д.





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

    Было:


    Стало:


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

    Сотрудники


    Раньше добавление нового автора в блог компании было целым ритуалом. Сотрудник должен был указать, что работает в компании, а администратор — назначить ему необходимые права доступа. Проблема заключалась в том, что права доступа к блогу были настолько гибкими, что многие компании в них попросту путались. Все настройки находились в довольно плотной табличке, вместить новый элемент в которую стало невозможным.



    Мы упростили этот процесс. Теперь все сотрудники делятся на 4 категории: просто сотрудник (подписчик, который указал, что работает в компании, но не имеет никаких прав доступа к блогу), журналист (может только публиковать в блог), редактор (может редактировать все публикации блога) и администратор (всемогущий).



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



    Виджеты


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



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



    На выбор представлены 4 стандартных виджета: трансляция существующей RSS-ленты, блок ссылок (на проекты, приложения и так далее) и два социальных блока — от Вконтакте и Facebook. Если с западным ресурсом разобрались сразу, то с ВК нам пришлось поковыряться. Дело в том, что хотелось максимально упростить работу клиентам, чтобы в настройках виджета им надо было вставить лишь ссылку на сообщество (с алиасом, типа vk.com/habr), которая будет основой содержимого виджета. Но в конструкторе виджетов сообществ приходится использовать не алиас, а ID сообщества, который как найти-то не все знают. А «конвертера» между алиасом и ID не было.



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

    http://api.vk.com/method/groups.getById?gid=team&callback=jsonpCallback

    Теперь если активировать все виджеты, правая колонка сайта будет в едином стиле — чистой и аккуратной. Причем у тарифных планов «Бизнес» и «Гигант» по-прежнему осталась возможность добавлять произвольные виджеты.

    Вакансии


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

    Кстати, если раньше всё ограничивалось простой трансляцией вакансий в блоки правой колонке, то сейчас появился тематический таргетинг: в хабе о PHP вряд ли появится вакансия иллюстратора, а в хабе об обработке звука — вакансия гуру NGINX-а. Помимо предложений постоянной работы от «Хантим», появился блок предложений с удаленной работой с нашего нового проекта «Фрилансим». Так что поглядывайте почаще в эти блоки — было бы желание работать, а работа найдётся!

    Брендирование


    Изначально эта функция работала в ручном режиме и с премодерацией. Мы переживали за то, что компании «наломают дров» и сделают внешний вид сайта (пусть и в рамках одного блога) неузнаваемым. Очень скоро клиенты нас «успокоили» и мы предоставили им возможность менять всё самостоятельно. Сейчас функция брендирования корпоративного блога подошла к новой ступени: у компаний появилась возможность создавать шаблоны, переключение между которыми осуществляется в пару кликов. На тот случай, чтобы новогоднюю тему оформления можно было активировать в один клик, под бой курантов. Шаблонов может быть сколько угодно много: на «каждый день», на акции и спецпредложения, на все времена года, праздники и разные фазы луны.



    Хотелось сделать именно так, как нарисовал дизайнер, а именно — с наглядными эскизами шаблонов, а не с текстовыми названиями, как планировалось изначально. После долгих поисков остановились на сервисе url2png, который позволяет делать необходимые нам скриншоты страницы.

    Примеры брендированных блогов (кликабельно):

     

     

    Остальные мелочи имеют отношение лишь к самим компаниям, от которых мы по-прежнему принимаем предложения по улучшению сервиса.

    Ну а если ты, дорогой юзернейм, дочитал до этого места, то для тебя тоже есть одна приятная мелочь: в форме написания комментариев появилась кнопка цитирования, поэтому вспоминать, как пишется blockquote, больше не надо :) Цитируйте на здоровье!

    Успехов.
    Хабр
    674,33
    Создаем и развиваем сервисы для гиков
    Поддержать автора
    Поделиться публикацией

    Похожие публикации

    Комментарии 39

      +3
      Молодцы. Осовременили.
        +5
        Молодцы. Осовременили.

        А ещё тег цитирования в форму написания комментария добавили ;)
          +8
          А ещё тег цитирования в форму написания комментария добавили ;)

          Я не мог не протестировать.
            +3
            А ещё тег цитирования в форму написания комментария добавили ;)

            Ещё бы он по выделению работал — сказка была бы!
            А вообще — НАКОНЕЦ ТО!
              +1
              Ещё бы он по выделению работал — сказка была бы!

              Не все сразу. И так нововведений в этом году очень даже много :)
                0
                Ещё бы он по выделению работал — сказка была бы!

                Ждите к 2014 ;))
            0
            Графики выглядят очень знакомыми. Не на flot ли сделаны?
              0
              Тоже про себя отметил, что скорее всего flot
                +6
                Я, например, заметил ссылку на flot, а вы — нет?
                  0
                  >Я, например, заметил ссылку на flot, а вы — нет?
                  А я — нет) Раньше они просто flot назывались, поэтому глаз не зацепился. А вопрос возник уже после ссылки)
                  +1
                  Теперь на главной странице появились сведения о позиции компании в рейтинге, её хабраиндексе и количестве подписчиков — не только в виде текстовых значений, но и в виде вполне наглядных графиков (выбор пал на Flotcharts).

                  upd: Не успел чутка.
                  0
                  Йихха!
                    0
                    Появилась возможность одному сотруднику постить что-то в черновики, а другому править перед отправкой на хабр?
                      +1
                      Я вам скажу по секрету — она и была.
                        0
                        Но совместного редактирования одного документа пока нет :) Хотя есть пара интересных мыслей в этом направлении.
                          0
                          Ну нет так нет (:
                          0
                          Гут. Когда последний раз смотрели несколько месяцев назад — еще не было, я не видел черновики других сотрудников и не мог их редактировать.
                            0
                            Слушайте, а в личку или как подробнее не расскажите как это сделать? А то я вот сколько пробовал — никак не получалось редактировать посты других сотрудников, а очень было нужно.
                              +2
                              Мы так уже полгода делаем — один сотрудник-автор пишет, сохраняет в черновик. Потом другой заходит в редактирование, исправляет и сохраняет в черновик — потом автор постит.
                              После публикации — все тоже самое: у кого есть право исправлять пост, исправляет и нажимает Публиковать. Пост изменяется, а авторство остается за тем, кто опубликовал
                          +2
                          мне кажется в больших числах, как то кол-во просмотров, лучше отделять каждые 3 цифры запятой
                            0
                            Журналист может иметь нулевую карму и писать в блог компании плюс тематические?
                              0
                              Сейчас при нулевой карме и без корпоративного блога можно публиковать :) Правда, только в профильные хабы. В остальном — всё как и везде — указывается корпоративный блог и к нему один или два тематических хаба.
                              0
                              Было бы круто указывать рядом с всплесками активности (посещения, рост кармы, падение кармы), что именно к этому привело — недавний пост или комментарий. Как вот тут: www.google.com/trends/explore#q=habrahabr
                                +2
                                Праздного интереса ради — а панель «суперпользователя» обновляться с подробным отчетом для всех не будет? :)
                                  0
                                  Что именно вы имеете ввиду?
                                    +1
                                    Ну вот конкретно у вас зеленая приписка к нику выше на скриншотах, стало интересно что из себя представляет панель «управления» Хабром, если такая, конечно, вообще существует.
                                      0
                                      Приписка сверху вроде не имеет отношения к глобальным админам Хабра, они свои у каждой компании.

                                        0
                                        Как уже правильно отметил kafeman, это «главный админ» компании, который, как просто так не может взять и снять с себя административные права или отключить системный уведомления. Как правило, это пользователь, который оставлял заявку на создание корпоративного блога. В случае с блогом ТМ таких пользователей несколько :)
                                          +3
                                          И все же вы так и не ответили на вопрос. :) Понятное дело что многие сайты (как крупные так и не очень) предпочитают не показывать админку сайта всем подряд (чаще всего из-за того что это «небезопасно»), но все же было бы интересно узнать как оно там внутри выглядит. :) В конце концов тематика и аудитория ресурса соответствующая.
                                            +3
                                            Да там ничего интересного ;) Пока не будем показывать.
                                    0
                                    Где должны отображаться «виджеты»?
                                    У нас отмечены все чекбоксы «отображать на сайте», но я не вижу ни одного из них по этой ссылке habrahabr.ru/company/wapstart/

                                    btw и вакансии с хантим.ру куда-то пропали, раньше они были в «шапке».
                                      0
                                      Виджеты не показываются, так как они не предусмотрены в тарифном плане «Стартап», а пункт настроек виджетов забыли исключить из админки. А почему вакансии не показываются — сейчас выясним, но тоже похоже на баг.
                                        0
                                        Еще ссылки пропали, раньше они были.

                                        Хе, нашел хабрабаг.
                                          +1
                                          Вакансии вернули на место :) А «стартапам» сейчас сделаем «стандартные» виджеты, но «произвольные» будут только в тарифах «Бизнес» и «Гигант».
                                      +1
                                      Молодцы. Лайк
                                        +1
                                        очень интересные возможности.
                                        придется написать еще в корпоративный блог, чтобы проверить заявленное
                                          +2
                                          В постах Яндекса очень неудобно читать новые комментарии — при пролистывании новых комментариев через правый счетчик, на текущий просматриваемый новый комментарий накладывается сверху панель быстрого перехода (См скрин)

                                            0
                                            Есть идеи, как это исправить, оставив верхнюю прикреплённую шапку? :) На всех сайтах с подобным меню есть такой недостаток.
                                              0
                                              Самое первое приходящее на ум решение — новый комментарий показывать сразу после шапки :)

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

                                          Самое читаемое