Как сделать время на обложке вк. Динамическая обложка для оформления группы вконтакте

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

Какие данные умеет выводить динамическая обложка?

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

2. Отображение лучшего комментатора, лайкера или репостера, а также "комментарий дня". Поднимайте активность в паблике, выводя в обложке самых активных подписчиков исходя из разных активностей. Люди, несомненно, станут чаще лайкать посты паблика, оставлять комментарии и делиться публикациями.

3. Вывод в обложку времени, даты и погоды. Данные функции часто используют городские сообщества, показывая время часового пояса, в котором находится город и местную погоду. Подобное добавляет "изюминку" сообществу.

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

6. Обратный отсчет в динамической обложке. Если вы проводите акцию, вы можете поставить обратный отсчет в своей группе, чтобы пользователи знали когда она закончится. Таким образом вы будете побуждать пользователей к скорейшей покупке.

7. Выводите последние новости с RSS-ленты. Если у вас есть сайт с новостями, возможно, просто блог со вшитой RSS-лентой, вы можете показывать в своей динамической обложке последние новости в виде заголовка статьи.

8. "Сегодняшний именинник". Повышайте уровень лояльности, отображая в своей обложке пользователей, у которых сегодня день рождения. Пользователи обязательно оценят такой жест.

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

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

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

Как обычно, сперва определимся с ключевыми понятиями. Динамической называется такая обложка группы, содержимое которой меняется в автоматическом режиме. В шапке сообщества можно демонстрировать различные типы полезного контента, или просто сделать пользователям приятное 🙂 Например, если ваша компания занята в сфере финансов, вы можете подключить виджет, отображающий курсы валют и важнейшие биржевые индексы. Если же ваш бизнес имеет четкую региональную привязку - добавьте блок, в котором будут выводиться сведения о сегодняшней погоде. Наконец, вы можете сделать баннер, где будут появляться имена сегодняшних именинников или самых активных подписчиков за определенный период времени. Таким образом, наряду с интерактивным меню и виджетами, данный инструмент помогает повысить вовлеченность и лояльность аудитории к бренду.

За примерами далеко ходить не надо - динамические обложки ВКонтакте задействует множество групп. В первую очередь, данную технологию используют сами сотрудники социальной сети: в шапке официального паблика службы поддержки присутствует “живой” счетчик обработанных тикетов.

“СтопХам” также идут в ногу со временем: на их страничке можно увидеть превью свежего видео и имя последнего вступившего участника. К сожалению, хотя информация о количестве просмотров меняется в реальном времени, это - не настоящий embed, и посмотреть ролик прямо во ВКонтакте не выйдет.

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

Одним словом, вариантов применения масса. Вопрос лишь в том, как создать подобную красоту? На самом деле, не так уж и сложно.

Конструкторы для создания динамических обложек ВКонтакте

Чтобы получить в свое распоряжение интерактивную шапку, можно пойти двумя путями:

1. Заказать разработку с нуля - дорого, однако в итоге вы станете обладателем эксклюзивного решения с необходимым именно вам функционалом, которое поможет выделиться на фоне конкурентов;

2. Использовать онлайн-конструктор - гораздо дешевле, но при этом вы будете ограничены набором виджетов, который вам предоставили разработчики.

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

Google услужливо подсказывает название - DyCover. С точки зрения цены вариант неплохой: ребята берут 100 рублей в месяц за одно сообщество, тогда как их конкуренты, LetsCover, ровно в два раза больше. Впрочем, у последних есть прогрессивная скидка за объем, так что данная площадка придется по вкусу тем, кто занимается SMM профессионально и ведет одновременно несколько проектов.

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

Далее кликаем по ссылке “Создайте ее” во всплывшем оповещении и попадаем в визуальный редактор. После этого активируется трехдневный триал, в течение которого вы сможете задействовать все доступные возможности конструктора. На первых парах нас будут сопровождать всплывающие подсказки, так что запутаться будет довольно проблематично.

Как верно заметил электронный помощник, перед созданием динамической обложки необходимо подобрать подходящий фон. Оптимальные размеры бэкграунда - 1590 на 400 пикселей, однако все значимые графические элементы и сами виджеты следует располагать на центральном отрезке 1196 на 400. Все дело в том, что на мобильных устройствах баннер обрезается (по 197 пикселей с каждой стороны), а значит, поклонники портативных девайсов попросту не увидят важную информацию.

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

Выбираем тему “Информационная обложка”, так как у нее уже есть фон, и нажимаем на кнопку “Сетка для мобильных”. На экране появится разметка, помогающая оценить, как в итоге будет выглядеть наше творение на смартфонах и планшетах. Верхняя линия обозначает границу топ-бара операционной системы, который также способен помешать адекватному отображению нашей динамической шапки.

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

Теперь перейдем в раздел “Виджеты” и оценим их ассортимент. С первого взгляда список не особо впечатляет.

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

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

1. Текст (название города);
2. Фигура (полупрозрачный белый круг);
3. Дата и время;
4. Погода.

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

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

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

Это объясняется особенностью самой технологии: по сути, сервис с определенной периодичностью (раз в минуту) генерирует статичную картинку с обновленными данными и подгружает ее в шапку. Именно поэтому вы не можете, к примеру, встроить в обложку ВКонтакте видеопроигрыватель. Впрочем, даже такой “костыльный” метод позволяет существенно улучшить визуальную составляющую группы, выделившись на фоне конкурентов.

Стоят ли динамические обложки своих денег?

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

• Конструктор логотипов
• Дизайн элементов фирменного стиля
• Баннеры и макеты
• Шаблоны для соц-сетей
• Инфографика
• Майнд-карты

Что такое динамическая обложка Вконтакте? — Это обложка группы или паблика, на которой отображается меняющаяся информация. На такую обложку можно добавить что угодно: дату, погоду, фотографию и имя последнего вступившего подписчика, курс валют, самых активных подписчиков по итогам дня… Контент на обложке меняется автоматически и не требует никаких действий от администратора. Такие обложки стали настоящим трендом в последнии несколько месяцев. Они сами по себе привлекают подписчиков, с их помощью можно проводить различные интерактивные конкурсы. Все это выглядит намного интереснее стандартной скучной обложки.

Чтобы создать динамическую обложку для Вк нужно обладать навыками программирования. Принцип работы заключается в следующем: на стороннем сервере помещается код, который, обращаясь к API Вконтакте, обновляет обложку группы. Но есть путь намного проще — Dynamic Cover . Это конструктор обложек. В нем можно создать дизайн обложку вашей группы Вк, добавить на нее виджеты — динамически блоки. Нижем мы рассмотрим, как можно бесплатно создать такую обложку.

Видео-обзор Dynamic Cover:

Что можно добавить на обложку с помощью DyCover.

Вы можете добавить на свою обложку любое количество интерактивных виджетов:

• Подписчик — виджет, который выводит на обложку аватарку и имя подписчика группы. Это может быть последний подписчик, вступивший в группу, последний комментатор, лучший комментатор по лайкам или по количеству, лучший лайкер, репостер, самый активный и просто пользователь, id которого вы укажите.
• Погода – виджет с иконками погоды и автоматическим отображением температуры в любом городе.
• Текст — может быть любой динамически изменяемый текст с сайта, какая-то статистика, данные, что угодно.
• Дата и время.
• Таймер – обратный отчет времени до мероприятия, окончания конкурса, старта распродажи или чего-то еще.
• Картинка.
• Сетка — виджет для удобства оформления, потом не отображается на готовой обложке.
• Фигуры — доступны квадрат, прямоугольник, овал, окружность и круг.
• Курс валют.
• Виджеты для YouTube: логотип с названием и количеством подписчиков, последние видео и видео по ссылке.
• Динамические фоны, сменяемые по периоду и по времени. Например, днем у обложки группы будет один фон, а ночью другой.

Как сделать динамическую обложку Вк.

Чтобы приступить к созданию обложки, жмем на «Войти».

Здесь появляются все группы VK, для которых у вас есть права администратора. Если новые группы ещё не отображаются, нужно обновить список, и они появятся.

Из списка выбираем сообщество, к которому будем подключать обложку. В меню слева нажимаем на «Создать новую обложку» и выбираем пустой шаблон.

После ввода названия открывается конструктор со списком виджетов.

Для начала нужно установить фон. Нажимаем на кнопку «Управление фоном» и загружаем картинку.

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

Чтобы фон менялся, нужно загрузить еще картинки на смену.

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

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

Добавление виджетов

После разметки обложки можно приступить к добавлению основных виджетов. Для заголовка установим виджет «Текст». Чтобы редактировать виджет, нужно нажать на него в разделе слоев.

В окне настроек можно задать статический или динамический текст, шрифт, размер, цвет, интервал и положение.

Посмотрим на возможности виджета «Фигуры». Используем его для выделения заголовка. Размер фигуры можно произвольно менять, скруглять края, делать из прямоугольника овал, менять цвет, рамку и положение. Для фона можно настроить степень прозрачности. В общем виджет предоставляет много возможностей для оформления обложки.

Перейдем к виджету погоды. Для начала нужно задать город, погода в котором будет отображаться. Можно менять положение текста и иконки внутри виджета, скрывать скорость ветра, менять единицу измерения температуры, редактировать размер шрифта, сам шрифт, цвет текста.

Во вкладке «Тип погоды» на выбор есть 4 шаблона иконок, которые будут меняться в зависимости от погоды.

Размер иконок можно менять произвольно или скрыть их и оставить только текст.

Виджет подписчика тоже имеет множество настроек. Тип подписчика определяется во вкладке «Виджет».

На бесплатной версии сервиса доступны только три типа подписчиков – последний подписавшийся, последний комментатор и просто подписчик по id. Остальные настройки стандартные: размер аватарки, округление, рамка, размер, регистр и цвет шрифта. Можно выводить на обложку только имя или имя с фамилией

Аналогично происходит добавление и настройка других виджетов.

Подключение обложки

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

Сохраняем готовую обложку и возвращаемся в конструктор.

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

Тарифы Dynamic Cover — стоимость

На базовом бесплатном тарифе сервиса есть ограничения. Доступна одна группа и три шаблона.

Чтобы снять эти ограничения с одной группы, нужно заплатить 100 рублей в месяц. Подключить ещё одну группу будет стоить 180 рублей в месяц, две – 260 рублей и так далее.

Промокод на DYnamic Cover:

Мой отзыв о Dynamic Cover:

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

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

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

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

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

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

Динамические обложки Вконтакте – бесплатно

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

Действительно отдельные ограничения и условия присутствуют. Но они не делают опцию недоступной и дорогой. Большинство существующих сейчас программ предоставляются на следующих условиях:

• первая обложка делается бесплатно;
• доступ к опции и конструктору шапки предоставляет после получения от владельца группы согласия с условиями пользования;
• дополнительные обложки (после первой) оказываются доступны после оплаты (от 100 до 300 рублей);
• дополнительно после внесения денег становятся доступными и специальные функции сервиса.

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

Как сделать динамическую обложку в Вк для чайников?

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

Чтобы повысить привлекательность паблика, придётся:

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

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

Как установить динамическую обложку Вк?

Зная, как сделать динамическую обложку Вконтакте на упомянутом сайте, пользователям удастся разобраться и с особенностями работы других порталов и конструкторов. Все подобные онлайн-сервисы и скрипты используют схожий API. Чтобы убедиться в сказанном, достаточно посетить портал DynamicCover. Его использование потребует:

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

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

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

Какие размеры картинок выбрать, как установить анимированную обложку и сделать меню, что еще придумали для оформления соцсетей - об этом в статье. Бонус - шаблон обложки для скачивания. Обновленный материал.

Зачем группе оформление

• обозначать тематику и направление группы;
• экономить время пользователей на изучение сообщества;
• выводить на видное место контакты для связи;
• создавать нужное настроение и тематическую атмосферу;
• мотивировать на комментарии и лайки;
• выполнять другие особенные функции.

Возможности Вконтакте

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

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка не обязательна для сообщества, если ее не установить, аватар группы откроется в полном формате справа.

Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать .

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

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

Динамическая обложка

Размеры: такие же, как у обычной обложки.

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

Для динамической обложки нужна обычная картинка, на которую будут крепиться вставки с аватарками, погодой и прочим, скрипт с привязкой к группе и хостинг с поддержкой CronTAB, где будет установлен скрипт. Если поставить слишком частое обновление обложки, каждую секунду, к примеру, то может понадобиться антикапча.

О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату.

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

Анимационная обложка на мобильных

Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.

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

Включается эта возможность в Настройках сообщества:

Какой размер материалов выбрать:

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон - 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:

Меню с кнопками

Размеры : картинка для кнопки от 376х266 точек.

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

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

Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:

Минимальный размер обложки кнопки - 376х266 точек, но лучше сделать в тех же пропорциях крупнее. Кнопки для меню - это прямоугольник довольно маленького размера, особенно на смартфонах, так что используйте все пространство для дизайна и не добавляйте надписи.

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

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

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

Ширина поля у вики-страниц - 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

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

Посты

Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.

Посты в ленте поддерживают любое изображение, но у разных постов есть свои ограничения. В интернете встречается мнение о том, что размер картинки влияет на ранжирование в умной ленте, поэтому она должна быть не меньше 1024 px. Мы спросили у поддержки и выяснили, что размер не влияет, главное содержимое.

Основатель Церебро Таргет