Телеграм-канал Программист и бизнес. Каждый день интересные истории, как программист строит бизнес.
Из этой статьи вы узнаете, как создать динамическую обложку ВК, какую информацию там рекомендуется выводить, как оформить шапку, чтобы сделать ее привлекательной для подписчиков сообщества.
Какую информацию содержит в себе динамическая обложка
Практика показывает, что рациональнее всего отображать следующие данные:
- Счетчик времени, оставшегося до определенного события;
- Текст по ссылке из интернета – статистика посещаемости вашего сайта, цитаты из публикаций и т.д.;
- Бот, отвечающий на типичные вопросы участников группы или оказывающий прочую помощь;
- Количество участников группы;
- Несколько последних подписчиков, которые вступили в группу;
- Самые активные участники сообщества – поставившие больше всего лайков или написавшие больше всего комментариев;
- Информация по проводимому в паблике конкурсу;
- Курсы валют;
- Погода в определенном регионе;
- Состояние пробок в крупном городе;
- Информацию о пожертвованиях и последней активности донатеров, с активной кнопкой для сбора средств.
Как видите, такой инструмент имеет массу возможностей. Если настроить все правильно, можно получить максимальную отдачу от подписчиков.
Как использовать живые обложки: несколько примеров
Это эффективный инструмент, который можно использовать для развития сообщества. Например:
- Кафе и рестораны могут показать свои самые аппетитные блюда;
- Гостиницы могут сделать «виртуальную экскурсию» по номерам;
- Магазины одежды могут презентовать новую коллекцию или рассказать об акциях и скидках;
- Музыкальные группы могут разместить видео с прошлого концерта, и предложить купить билеты на предстоящий концерт.
Новый формат посетители страницы увидят в приложениях для iOS и Android. В мобильной и веб-версии ВКонтакте по-прежнему будет отображаться обычная обложка в статичном виде.
Ранее мы сообщали о том, что ВКонтакте можно закреплять первую карточку в рекламной карусели динамического ретаргетинга.
Способы создания динамической обложки
Для создания такого оформления существует несколько способов. Они не требуют иметь выдающихся навыков в дизайне или программировании.
Конструктор динамических обложек ВК
Первый шаг – создание шапки страницы. Необязательно работать с «Фотошопом» и писать скрипты самостоятельно. Существует несколько известных сервисов, с помощью которых можно быстро создать оформление из готовых шаблонов. И даже если в перечне нет необходимого вам виджета, за умеренную плату специалисты смогут его создать. По сути, шаблон представляет собой файл в формате PSD, в котором динамически обновляется текстовая информация.
Скрипт динамической обложки ВК
Однако чтобы такая обложка работала, требуется специальный скрипт, который будет подтягивать из интернета необходимую информацию. Этот скрипт следует где-нибудь хранить:
- На собственном компьютере – обложка не будет обновляться, если устройство выключено:
- На сервере хостинг-провайдера – могут возникнуть сложности с его настройкой;
- На сервере поставщика услуг – специалисты помогут все настроить, а аренда серверного пространства, как правило, обходится дешевле.
Если вы ведете несколько сообществ, для каждого из которых нужна динамическая обложка, то и шаблоны и скрипты потребуются отдельные.
Сервис DyCover
Платформа с 2021 года предоставляет возможность в несколько кликов мышкой создать привлекательную обложку, обеспечивая пользователя соответствующим скриптом. На бесплатном тарифном плане функциональность и количество предоставляемых виджетов ограничены. Для нормальной работы сервиса ему необходимо предоставить полный доступ к вашему аккаунту Вконтакте.
Сервис LETSCOVER
Аналогичный сервис, но без бесплатного тарифного плана. При поддержке нескольких групп пользователь получает скидку 30%. Есть бесплатный тестовый период в течение 24 часов.
Принцип работы
Привычный классический дизайн представляет компанию в целом и рассчитан на широкую аудиторию. Новое же решение от Вконтакте персонализирует контент и показывает пользователям самую актуальную информацию. От прогноза погоды, до статистики из CRM и других баз данных. Существует два способа реализации этой задачи.
Скрипты динамической обложки ВК
Этот вариант подходит разве что для программистов. Нужно через API сделать специальный модуль. С помощью Access Token получить доступ к данным и подставить необходимые значения в макет шапки сайта. Для простых задач есть готовые универсальные решения. Но создать что-то оригинальное можно лишь самостоятельно прописывая необходимый программный код.
Готовое приложение устанавливается на сервер. Это может быть сторонний хостинг или собственный компьютер. В первом случае приходится платить абонентскую плату хостеру. В последнем – держать ПК постоянно включенным. Иначе «оживленное» изображение становится статичным.
Онлайн-сервисы
После нововведений Вконтакте начали появляться веб-ресурсы, которые автоматизируют процесс оформления. С помощью конструкторов динамической обложки в ВК можно бесплатно оформить сообщество и без привлечения дорогостоящих специалистов. Достаточно перетащить нужные модули мышкой в рабочую область и настроить их. Благодаря интуитивно понятному интерфейсу, с этой задачей справляются даже новички. А главное, что цена такой автоматизации в десятки раз ниже по сравнению с написанными на заказ скриптами программистов.
Простыми и надежными показали себя площадки LetsCover и DyCover. Для работы с одним пабликом они предоставляют базовый инструментарий безвозмездно. При этом за символическую плату можно воспользоваться полным функционалом.
Особенности
Для работы с обложной группы эти и аналогичные сервисы используют API Вконтакте – самый безопасный метод интеграции сторонних приложений. Вопреки опасениям некоторых пользователей, платформа, получив доступ к учетной записи, не рассылает спам и не проявляет никакой другой активности, кроме оговоренной в оферте.
В целом, динамическая шапка – эффективный инструмент продвижения вашего сообщества. Несмотря на то, что такой функционал доступен уже в течение нескольких лет, используют его почему-то редко. А значит, это поможет паблику выделиться на фоне остальных и привлечет новых подписчиков.
Как создать и загрузить живую обложку ВКонтакте
Загрузить живую обложку можно в настройках сообщества.
- Создайте обложки с помощью любого графического онлайн-сервиса. Можно использовать Canva или Crello.
- Зайдите в управление сообществом. В разделе основная информация будет опция для настройки обложки. Нажмите «Управление».
2. Снизу на странице вы сможете залить фотографии или видео, которые будут автоматически сменять друг друга. Это и будет живая обложка.
Технические требования к живым обложкам
- Размеры материалов: 1080х1920 (вертикальные) или другие в пропорции 9:16.
- Видео: формат MP4 (кодек h264 aac), 15-60 кадров в секунду; длительность — до 30 секунд; размер — до 30 Мб.
Статья в тему: Как сделать главную обложку для группы в ВК
Динамические обложки Вконтакте – бесплатно
Следующий нюанс, требующие детального изучения, связан со стоимостью сервиса. Сложно представить, что столь полезный инструмент распространяется свободно и без ограничений.
Действительно отдельные ограничения и условия присутствуют. Но они не делают опцию недоступной и дорогой. Большинство существующих сейчас программ предоставляются на следующих условиях:
- первая обложка делается бесплатно;
- доступ к опции и конструктору шапки предоставляет после получения от владельца группы согласия с условиями пользования;
- дополнительные обложки (после первой) оказываются доступны после оплаты (от 100 до 300 рублей);
- дополнительно после внесения денег становятся доступными и специальные функции сервиса.
То есть, каждый желающий сумеет красиво оформить стартовую страницу паблика.
Как создать?
Конечно, установка – это не самый сложный процесс. Гораздо труднее создать качественный баннер и обложку.
Для создания вам потребуется воспользоваться одним из графических редакторов. Наиболее популярными считаются:
- Adobe Photoshop;
- Adobe Illustrator;
- GIMP.
Чтобы приступить к работе, вам нужно обладать хотя бы базовыми знаниями и навыками работы в одном из данных редакторов. Если вы впервые слышите о них, тогда советую пройти обучающие курсы или воспользоваться различными видеоуроками. Их легко можно найти в интернете (YouTube в частности).
Помните о размерах. Для баннеров они составляют 510 пикселей в ширину, длина может быть произвольной. Для обложки – 1590х400 пикселей. Соблюдая их, ваше изображение не будет искажаться, сжиматься или увеличиваться при публикации.
Если у вас нет времени самостоятельно заниматься созданием элементов оформления паблика, воспользуйтесь услугами фрилансеров.
Как сделать живую обложку в группе ВК
Живая обложка ВК добавляется в группу ВК абсолютно просто и легко путём нажатия нескольких кнопок. Но для того, чтобы её добавить в группу, нужно её создать в графическом редакторе. Для этого мы с Вами будем использовать мой любимый сервис Canva (он абсолютно бесплатный).
Зарегистрироваться в сервисе Canva
Мы заходи в сервис Canva на главную страницу и в правом верхнем углу, нажимаем на кнопку «Настраиваемые размеры» и вводим туда размеры нашего изображения (1080*1920) и нажимаем на кнопку «Создать дизайн»:
Появляется пустой шаблон, на который мы можем накладывать различные изображения, которые находятся слева в панели:
Для того, чтобы добавить изображения на шаблон, мы нажимаем на любую понравившуюся картинку слева, и она появляется сразу на шаблоне:
Теперь мы можем редактировать это шаблон, как хотим. Можно поменять или добавить текст, можно убрать ненужные символы и тексты, можно поменять цвета и добавлять другие элементы в шаблон.
Чтобы понять, как пользоваться сервисом Canva, посмотрите ниже видеоинструкцию:
Итак, мы с вами отредактировали шаблон так, как нам нужно и теперь нам нужно его скачать на компьютер, чтобы в дальнейшем его добавить в нашу группу ВК. Для того, чтобы скачать готовый шаблон, мы нажимаем справа сверху на кнопку «Опубликовать» и сразу на кнопку «Скачать»:
Внизу слева у вас появился файл скачивания, вы нажимаете «Открыть в папке» и сохраняете это изображение в отдельную папку.
Для добавления живой обложки нам нужно создать 5 таких изображений. В этом же окне, где вы создавали первое изображение, вы можете сделать последующие изображения. Для этого вы просто удаляете ненужные элементы, добавляете другие или полностью меняете на другой шаблон.
Если вы не знаете, как пользоваться сервисом Canva посмотрите эту видеоинструкцию.
