Что такое обложка группы. Как сделать обложку в паблике вконтакте и в других социальных сетях

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

Итак, поехали. Если вы понимаете, что такое API, PHP, JSON и Cron, при этом хотите сделать все сами и бесплатно, то вам сюда . Если нужен готовый скрипт для создания динамической обложки с уже готовыми инструкциями по установке, то загляните сюда .

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

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

Размер обложки делайте 1590х400 пикселей. В можете взять шаблон разметки. Обязательно оставьте побольше свободного места для динамических элементов. Заранее спланируйте, в каких местах они у вас будут размещаться.

Подготовленный макет для динамической обложки

Сервис предлагает два тарифа: бесплатный для обложки на одну группу и платный, в котором вы платите около 100 руб. в месяц за каждую группу.

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

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

Тут все просто. Главное условие — вы должны быть админом или редактором группы, в которой хотите сделать обложку.

Войдя в сервис с помощью учетной записи ВК вы увидите список своих групп.

Выберите нужную группу

Нажмите кнопку «Подключить»

В меню слева выберите «Создать новую обложку»

Пока шаблонов у вас нет. Здесь выбирайте «Пустой шаблон»

Нажмите «Управление фоном» и загрузите картинку для обложки

Можно менять цвет, шрифты, размер, выравнивание и много других параметров.

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

Вот и все. На эту обложку я потратил минут 10, не считая времени на создание дизайна заготовки. Проще, мне кажется, некуда. Если возникнут вопросы — пишите в комментариях.

Еще раз ссылка на сервис , чтобы не возвращаться обратно по тексту 🙂

Успехов вам в творчестве!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для виджетов тоже действуют ограничения. На бесплатном тарифе недоступны :

• таймер,
• картинка,
• курс валют,
• текст по URL,
• лучший комментатор,
• лучший лайкер,
• лучший репостер,
• расписание фонов,
• пользовательские шрифты,
• виджеты YouTube.

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

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

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

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

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

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

Зачем нужна динамическая обложка?

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

А теперь подробней для разных типов сообществ!

Коммерческие сообщества

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

Конечно это не значит что 100% не стоит использовать эти виджеты. Смотрите сами исходя из вашей ситуации, возможно в вашем случае они действительно будут полезными.

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

Городские сообщества

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

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

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

"Клубы по интересам"

Здесь всё тоже самое что и с «городскими сообществами», за исключением того, что не имеет смысла выводить информацию о пробках и погоде в каком то конкретном городе. Т.к. данная информация не очень уместна в не городских группах.

Сообщества школ, универов и т.д.

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

Также к данному типу сообществ очень хорошо подходит виджет «именинники», который будет выводить до 3-х случайных подписчиков у которых сегодня день рождения.

Что можно выводить на обложку

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

Последний подписчик – выводит информацию об 1-3 последних подписавшихся на сообщество. Это пожалуй самый популярный виджет, он используется практически в каждой обложке.

Активные (комментаторы, репостеры, лайкеры) – три виджета с одинаковым по смыслу функционалом. Выводят информацию об 1-3 самых активных пользователях. Данные берутся с 25 последних постов.

Именинники – показывает 1-3 случайный человека у которых сегодня день рождения.

Дата и время – выводит текущею дату в нужном вам формате и часовом поясе.

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

Погода – выводит погоду в указанном вами городе. Есть два режима отображения: погода текстом и погода с иконкой.

Курс валют – на данный момент доступны курсы для 8 разных валют.

Кол-во подписчиков – выводит текущее кол-во подписчиков в сообществе.

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

1. В блоке основных данных под описанием можно заметить надпись «Обложка сообщества».
2. Кликните по кнопке загрузки.
3. Вы увидите, какие размеры нужны для новой обложки.

Размер обложки для группы ВК составляет 1590 пикс./400 пикс. Найти и сделать такое изображение помогут платные и бесплатные фотостоки, фотошоп или обычный редактор пейт. Если вы хотите качественную обложку, но сил и времени на создание у вас нет, закажите ее у веб-мастера. Чем красочнее и интереснее будет картинка, тем захотят зайти посмотреть, что происходит в группе. Стоит отметить, что при загрузке вы не увидите место для стандартной авы. Вместо нее в группе появиться небольшой кружок, куда можно будет загрузить фотку. Для гармоничного дизайна лучше загружать тот же снимок который вы поместили на обложку.

Сделать обложку для группы Вконтакте онлайн

Что делать, если денег на дизайнера нет, с фотошопом дела не клеятся, но очень хочется получить красивую обложку для ВК? В этом нам помогут онлайн сервисы, для создания обложек для группы. Один из таких называется Канва. Перейти и воспользоваться им можно по ссылке https://www.canva.com/ . Разберем, как он работает.

1. Изначально, зарегистрируйтесь через аккаунт ФБ или почту.
2. На странице, куда вас перенесет сайт, выберите вверху справа пункт «Спец. размеры». Вбейте туда значения, как мы показали на рисунке.
3. Перед вами появиться окно с шаблонами и дополнительными опциями.

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

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

Обложка для группы Вконтакте готовые

Если нет никакого желания ничего создавать, выберите обложку для группы в ВК из готовых вариантов. Давайте посмотрим основные ресурсы, которые помогут это сделать. К примеру, если вы ищете изображение на тему природы, моды, городов фантастики и минимализма посетите площадку https://vk-oblozhki.ru/ .

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

В архиве три шаблона: для ВК, Фейсбука и Ютуба. Файлы в формате PSD (Photoshop). Они имеют рекомендованный размер и уже расставленные направляющие под разные размеры экранов (настольные компьютеры и мобильные девайсы).

Разметка для шапки группы/паблика Вконтакте

Хочу сразу предупредить, что на мобильных устройствах шапка обрезается по краям и немного сверху. Об этом ВК ничего не пишут при загрузке обложки. Методом научного тыка я определил ширину безопасной области в 1200 px (внутренние направляющие макета). Если окажется, что я все же промахнулся, сообщите мне в комментариях. Поправлю.

Разметка обложки группы/паблика Facebook

• 820×312 px для настольных компьютеров,
• 640×360 px для мобильных устройств,
• 851х315 px а вот этот размер считается у них оптимальным и самым быстрозагружаемым.

Почему-то для мобильных размер больше, чем рекомендуемый размер обложки для ПК. В макете сделал размер 851х360.

Разметка обложки канала Youtube

• 2560х1440 px для телевизоров,
• 2560х423 px для настольных компьютеров и ноутбуков,
• 1855×423 px для планшетов,
• 1546×423 px для мобильных.

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

На этом все. Надеюсь, вам пригодится. Спрашивайте в комментариях, если что-то неясно. Успехов вам в творчестве!