Динамические обложки в вк как сделать – как с помощью динамической обложки повысить активность в сообществе «ВК»

Содержание

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

Здравствуйте, уважаемые друзья и гости блога Pribylwm.ru! В этом материале я Вам расскажу о том, как сделать динамическую обложку в вк двумя простыми способами. Первый — это специальный конструктор динамических обложек ВК. Второй — скрипт динамическая обложка ВК. Оба способа доступны даже для новичка и не вызовут у Вас особых затруднений в создании динамической обложки для группы Вконтакте. Ну, что? Поехали …

Сначала давайте разберемся с тем, для чего вообще нужно делать динамические обложки Вконтакте? Может и не стоит заморачиваться на счет этого? Сразу отвечу на второй вопрос — Стоит! А теперь ответим с Вами вместе на первый вопрос — Зачем делать динамическую обложку Вк?

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

Таким образом динамическая обложка ВК повысит конверсию вашей группы и увеличит число ее активных подписчиков. Думаю это хороший стимул для создания динамической обложки группы Вконтакте?! Теперь давайте узнаем …

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

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

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

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

динамическая обложка вк бесплатнодинамическая обложка вк бесплатнодинамическая обложка вк бесплатно

Так выглядит страница на которую Вы попадаете после перехода по ссылке, которую я Вам дал выше.

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

Открыть конструкторОткрыть конструкторОткрыть конструктор

Затем в поле «Пустой шаблон» Кликните левой кнопкой мышки и перед Вами откроется страничка, где Вы введете название обложки. И следом жмите на кнопку «Создать«:

СоздатьСоздатьСоздать

Теперь Вы попали в сам конструктор динамических обложек для групп Вконтакте. Здесь практически все как в фотошоп. Аналогично работе в программе Photoshop можно создать все, что будет приемлемо для Вас. Выбирайте вначале фон на котором затем расположите все, что предоставляет Вам конструктор в бесплатном режиме. Вот так выглядит конструктор обложек Вконтакте:

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

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

А мы с Вами переходим к следующему вопросу …

Второй способ создания динамической обложки для группы Вконтакте — Скрипт динамическая обложка ВК

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

Сейчас я Вам дам файл для скачивания, где Вы найдете все, что нужно для создания своей динамической обложки Вконтакте (инструкции и сам скрипт). Для этого пройдите по ссылке ниже и скачайте все совершенно бесплатно:

Ссылка для скачивания срипта Вк!

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

Да, совсем забыл …

Вот видео о котором я Вам говорил «Видеоурок по созданию динамической обложки ВК«:

Теперь все! До новых встреч!

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

12 декабря 2018 года ВКонтакте анонсировал «живые обложки» для сообществ.

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

Выглядит это следующим образом:

Это могут быть видео-слайды с фотографиями и текстом или видеозапись.

Технические требования:

Размеры динамических обложек: 1080х1920 (вертикальные) или другие в пропорции 9:16.
Мы подготовили для себя дополнительные размеры: 720х1280 рх, 540х960 рх и 270х480рх.

Видео: формат MP4 (кодек h364 aac), 15-60 кадров в секунду, до 30 секунд, размер — до 30 Мб.


Размер динамической обложки ВКонтакте

Итак, вы подготовили видео, как его загрузить?

Оговоримся сразу: новый формат посетители страницы увидят в приложениях для iOS и Android.

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

Как загрузить обложку через компьютер?

  1. Заходим в сообщество —> Управление
  2. Нам нужен раздел «Настройки»
  3. Графа «Обложка сообщества» —> Управление
  4. Раздел «Живая обложка сообщества» —> Добавить
  5. Готово!

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

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

динамические обложки vk

Как загрузить обложку через телефон?

  1. Заходим в сообщество с мобильного устройства iOS или Android
  2. Нажимаем на шестеренку, обозначающую «Настройки»
  3. Ищем раздел «Информация»
  4. В этом разделе чуть ниже видим блок «Обложка». Пока она у вас выключена. Заходим в этот раздел.
  5. Загружаем подготовленное видео
  6. Готово!

динамические обложки ВКонтакте на телефоне

Как установите, похвастайтесь своими работами! Выложите в свои соц. сети с хештэгом #gl_посоветовал.

Сервисы для создания обложки

1) Adobe After Efects и Adobe Premiere Pro — лучшие программы для создания видео обложек для социальных сетей и вообще для всего, чего угодно. Но если такие программы не для вас, то попробуйте online сервисы ниже

2) Supa.ru — сервис для создания видео в социальных сетях. Условно бесплатный. Простой в использовании, но ограничен по функционалу

3) crello.com — Простой инструмент для создания крутых визуальных материалов

Закажите продвижение в соцсетях и таргет рекламу у нас прямо сейчас.

Что такое динамические обложки ВКонтакте и как их создавать

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

Автор: Марина Кондратович, специалист по работе с социальными сетями Ingate

Что такое динамическая обложка и зачем она нужна

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

Вот примеры динамических обложек ВК:

Пример динамической обложки.png

Пример динамической обложки 2.png

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

Для этого нужно выбрать виджет «Самый активный» и установить его на обложку. В группе Pepper.Ninja так и сделали. На их обложке выводятся пять самых активных участников, один из которых является лидером всей недели.

Пример динамической обложки PEPPER.png

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

Для создания динамических обложек ВК используются различные конструкторы: Dynamic Cover, LetsCover, Boom Cover, VKfiller, Revoc, «Впостер». Мы протестировали три из них, сравнили их функционал и стоимость. Делимся результатами:

Сравнение конструкторов для создания динамических обложек

А теперь на примере виджета «Самый активный» разберём, как бесплатно сделать динамическую обложку для групп ВК. Делать это будем с помощью конструктора Dynamic Cover. Поехали!

Подключение к сервису и добавление обложки

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

Список групп в Dynamic Cover_настройка виджета

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

Панель управления в Dynamic Cover_настройка виджета

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

Если в штате нет дизайнера, можно воспользоваться готовыми шаблонами. Для этого нужно перейти в раздел «Готовые шаблоны». Вот такие варианты обложек предлагает сервис динамических обложек ВК Dynamic Cover для конкурса «Самый активный»:

Варианты обложек для виджета "Самый активный"

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

Настройка виджета «Самый активный»

Нажми на один из виджетов шаблона, в открывшемся поле перейди в раздел «Конкурсы» и создай новый конкурс.

Создание конкурса для виджета "Самый активный"

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

Давать баллы за репосты в этом конкурсе мы не рекомендуем, так как это запрещено правилами ВКонтакте. За нарушение этих правил соцсеть может наложить на сообщество штрафные санкции.

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

Настройка конкурса для виджета "Самый активный"

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

Дополнительные настройки в виджете "Самый активный"

При настройке конкурсного периода можно выбрать как один из предлагаемых сервисом (месяц, неделя), так и настроить свой — выбрать конкретную дату начала и окончания конкурса. Активность участников будет учитываться именно под теми постами, которые были опубликованы в выбранный период. Затем вернись к настройке обложки и привяжи конкурс к каждому виджету «Самый активный».

Настройка обложки

Вот несколько рекомендаций, которые нужно учитывать при создании динамической обложки:

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

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

Как удалить виджет "Самый активный" ВКонтакте

3. При настройке обложки также обрати внимание, чтобы в конструкторе была сетка и предпросмотр. Это поможет определить, как расположить элементы, чтобы они не обрезались со смартфонов. 

Как динамическая обложка выглядит с десктопа и мобайла.png

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

Настройка периода обновления

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

В конструкторе Dynamic Cover период обновления виджета зависит от его типа. Например, виджет «Погода» будет обновляться раз в 10 минут, «Подписчик» — по событию вступления человека в группу, а «Самый активный» — по мере сбора активностей, т. е. примерно один раз в минуту.

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

В конструкторах LetsCover и «Впостер» можно настроить период обновления обложки. Но минимальный период обновления также равен одной минуте.

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

Активация конкурса для виджета "Самый активный" ВКонтакте

Настройка чат-бота для виджета «Самый активный»

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

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

Настройка команды бота для виджета "Самый активный" ВКонтакте"

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

Итоговый вариант динамической обложки.png

Марина КондратовичМарина Кондратович

специалист по работе с социальными сетями Ingate

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

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

как сделать в конструкторе бесплатно

Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками

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

Подпишись на рассылку и получи книгу в подарок!

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

Принцип работы

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

Скрипты динамической обложки ВК

Этот вариант подходит разве что для программистов. Нужно через API сделать специальный модуль. С помощью Access Token получить доступ к данным и подставить необходимые значения в макет шапки сайта. Для простых задач есть готовые универсальные решения. Но создать что-то оригинальное можно лишь самостоятельно прописывая необходимый программный код.

Готовое приложение устанавливается на сервер. Это может быть сторонний хостинг или собственный компьютер. В первом случае приходится платить абонентскую плату хостеру. В последнем – держать ПК постоянно включенным. Иначе «оживленное» изображение становится статичным.

Онлайн-сервисы

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

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

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

Многие тематические группы устанавливают «живое» оформление просто для украшения. Но коммерческие паблики существуют за счет рекламы и продажи товаров. Для них правильно подобранные виджеты дают больше преимуществ:

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

Популярные виджеты

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

  • время;
  • активность участников;
  • фоновые изображения;
  • статистика CRM;
  • данные RSS канала и т.д.

Рассмотрим распространенные модули.

Подписчик

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

Таймер

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

Погода

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

Курсы валют

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

Текст по ссылке

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

Пример создания динамической обложки в ВК

Рассмотрим оформление сообщества с использованием сервиса DyCover.

На сайте нет классической регистрации. Нажав кнопку «Войти», внутреннее приложение запрашивает разрешение на доступ к профилю в Вконтакте.

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

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

Подтверждаем действие:

Последовательно выполняем следующие шаги:

  1. Кликаем «Создать новую».
  2. Выбираем «Пустой шаблон».
  3. Вводим название проекта.
  4. Подтверждаем его.

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

В предыдущей статье мы детально разбирали требования к изображениям: ориентацию, отступы, «слепые зоны» и т.д. Напомню, рекомендуемый размер 1590 х 400 px.

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

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

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

Каждый модуль имеет гибкие интуитивно понятные настройки. Поэтому не будем заострять на них внимание. Изменить любой из использованных блоков можно кликнув по нему в области визуального предпросмотра или в разделе «Слои».

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

Не забываем сохранять изменения, нажимая соответствующую кнопку!

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

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

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

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

Скрипт динамической обложки Вконтакте: инструкция по настройке

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

Что такое динамическая обложка для группы Вконтакте можно прочитать по ссылке. Там же находится ссылка на скачивание рассматриваемого в статье скрипта.

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

Чтобы иметь возможность настраивать скрипт, вам понадобится установить локальный сервер на свой компьютер. Я использую OpenServer.

Перейдите по ссылке и начните скачивать Premium или Ultimate версию. Бесплатный метод скачивания ограничен в максимальной скорости, так что это может занять какое-то время. А пока вы читаете данную статью, сервер уже наполовину скачается.

Вы можете использовать любой другой сервер. Это не имеет большого значения. Главное, чтобы в нем был планировщик заданий (cron) и версия PHP не ниже 5.5.

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

После успешного запуска сервера (в трее будет гореть зеленый флажок) откройте настройки и в закладке Модули выберите Apache-2.4 и PHP-5.5, как показано на скриншоте.

настройки OpenServer под скрипт динамической обложки

После сохранения настроек и перезапуска локальный сервер будет полностью готов к работе.

Знакомство с PSD шаблоном

Откроем и ознакомимся сначала с PSD шаблоном.

PSD шаблон

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

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

  • Последних подписчиков: от одного до трех;
  • Время: в формате 14:59;
  • Текущую дату: 21 мая 2017;
  • День недели: воскресенье

Знакомство с файлами скрипта

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

файлы скрипта динамической обложки

В папке cover находится изначальный файл обложки. Он обязательно должен иметь имя cover_bg.jpg. Иначе скрипт не будет работать. Размер файла 1590×400 пикселей.

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

Файлы function.php, grous_getMembers.php и style.css изменять не рекомендуется. Вы можете их посмотреть, но менять в них ничего не стоит.

Нужно настраивать только файлы setup.php и при необходимости index.php.

Настройка файла setup.php

Это основной файл настройки. Открывайте его с помощью текстового редактора. Я рекомендую Notepad++. И в разделе «Типографика» настраиваете используемые шрифты, размер и цвет.

настройка скрипта динамической обложки

$font— шрифт отображения имени и фамилии новых подписчиков
$font_clock— шрифт отображения часов
$font_date— шрифт отображения текущей даты и дня недели
$last_subscriber_font_size— размер шрифта имени и фамилии подписчиков
$last_subscriber_font_color— цвет шрифта имени и фамилии подписчиков
$today_font_size— размер шрифта дня недели
$today_font_color— цвет шрифта дня недели
$date_font_size— размер шрифта текущего числа
$date_font_color— цвет шрифта числа
$clock_font_size— размер шрифта часов
$clock_font_color— цвет шрифта часов

 

Теперь поднимемся в начало файла. Пора заполнить самую важную часть настройки скрипта.

главные настройки

Нам нужно получить токен доступа. Для этого есть отдельный файл token.php. Открываем его:

получение токена

И видим одну незаполненную ячейку в массиве $params, а именно client_id.

Чтобы его получить, вам нужно создать свое приложение Вконтакте. Для этого переходим по ссылке: https://vk.com/apps?act=manage

  1. Жмем в правом верхнем углу кнопку «Создать приложение».
  2. Придумываем ему название.
  3. Оставляем платформу Standalone-приложение
  4. Жмем «Подключить приложение»
  5. Подтверждаем свои действия с помощью SMS (это бесплатно)

Все, приложение создано. Просто, правда?

Переключаем вкладку Настройки и копируем оттуда ID приложения:

получение ID приложения вконтакте

После чего вставляем его в файл token.php

вставка ID в скрипт динамической обложки

Жмем сохранить и открываем файл в браузере локального сервера по адресу:

http://covers-script/token.php

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

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

вставка токена в скрипт динамической обложки

$group_id вставляете ID группы, в которую собираетесь устанавливать динамическую обложку.

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

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

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

Настройка отображения новых подписчиков

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

настройка отображения новых подписчиков

Координаты расположения аватарки рассчитываются до верхнего левого края. Вычислить их можно с помощью PSD файла. Переключаетесь на нужный слой и тянете направляющую (включаются с помощью Ctrl + R) пока её не примагнитит к краю. Это и будет нужное значение. По оси X значение получилось 816 пикселей. По оси Y высчитывается аналогично.

определение координат в PSD шаблоне

Координаты расположения текста под аватарками рассчитываются по оси X до центра аватарки, по оси Y до низа текста.

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

настройки setup.php

Координаты расположения дня недели (TODAY), даты и часов рассчитываются до левого нижнего угла.

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

Настройка файла index.php

На самом деле изменять что-то в этом файле без знаний PHP не следует. Единственное исключение: если нужно изменить выключку текста.

настройки скрипта index.php динамической обложки

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

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

На этом настройку можно считать законченной и произвести тестовый запуск скрипта, открыв в браузере ссылку:

http://covers-script/index.php

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

Настройка автоматического выполнения скрипта

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

Настройка на локальном сервере

Первым делом рассмотрим работу с планировщиком OpenServer. Открываем настройки и переключаемся на закладку «Планировщик заданий». В строке «Выполнить» прописываем код:

%progdir%\modules\wget\bin\wget.exe -q —no-cache http://covers-script/index.php

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

планировщик заданий OpenServer

В первой ячейке */5 расшифровывается как «каждые 5 минут». Если написать */15, то скрипт будет запускаться каждые 15 минут. Если написать просто *, то каждую минуту.

Нажимаем кнопку сохранить. Сервер перезапустится и cron начнет работать.

Таким образом можно настроить работу скрипта на компьютере. Но этот вариант не идеален, потому что скрипт будет работать лишь пока компьютер включен.

Настройка на хостинге REG.RU

Рассмотрим настройку автоматического запуска скрипта динамической обложки на примере хостинга REG.RU. Алгоритм работы с другими удаленными серверами будет аналогичен. Единственный момент: на разных серверах может отличаться путь до php-интерпретатора. Узнать его можно у службы поддержки или в разделе «Справка», или с помощью команды which php.

После того, как хостинг будет оплачен и к нему припаркован домен, можно размещать файлы скрипта на удаленном сервере. Для файла index.php обязательно должны быть выставлены права на исполнение: 744 или 755.

Далее стоит проверить включенную версию PHP. Для этого в ISPmanager находим пункт меню Версия PHP в разделе Инструменты. При необходимости включаем версию 5.5

версия PHP в ISPmanager

После этого переходим в Планировщик (cron), который находится в том же разделе, и создаем новое задание. В строку «Команда» вводим следующее задание:

/usr/bin/wget -O /dev/null http://LINK/index.php

Где LINK – это пусть до исполнительного файла скрипта динамической обложки Вконтакте.

Настраиваете частоту обновлений, выставив нужные значения, и жмете ОК

планировщик заданий cron

Задание создано. Подождите некоторое время и убедитесь, что cron работает и обложка обновляется.

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

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

Динамическая обложка ВКонтакте — Блог Сергея Бурдина

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

Примеры динамических обложек

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

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

Виджетов очень много, но на бесплатном тарифе есть некоторые ограничения. Посмотрите, какие виджеты есть на бесплатном тарифе:

  • Последний подписчик
  • Последний комментатор
  • Виджет «Пользователь»
  • Виджет «Дата и Время»
  • Виджет «Фигура»
  • Виджет «Погода»
  • Виджет «Картинка»
  • Виджет «Донаты»

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

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

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

Скачать Шаблон в формате PSD, вы можете по ССЫЛКЕ.

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

DyCover – первое знакомство с сервисом

Переходим по ССЫЛКЕ на сервис. Регистрация на сервисе происходит через ВКонтакте.

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

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

В следующем окне вы увидите список ваших групп где вы являетесь администратором.

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

Рассмотрим верхнее меню, а точнее один пункт (крайний справа), там будет написано ваше имя. Кликните по нему. Из выпадающего меню выберите Личный кабинет.

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

Личный кабинет

Здесь имеется 3 пункта (слева).

Первый пунктТарифы. Можете посмотреть свой тариф, можете поменять тариф.

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

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

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

Третий пунктУведомления. Можно настроить уведомления, которые вы будите получать.

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

Конструктор обложек

Теперь, в верхнем меню выберите Открыть конструктор и вы попадете в окно, с которого мы начали. Кликните по группе и вы попадете в Панель управления.

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

Панель управления

Первое окно, это окно, где нужно подключить обложку к сервису, нажмите зеленую кнопку Подключить (1). В следующем окне жмите Хорошо и разрешаем доступ. Дальше создать ее (2).

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

Создание обложки

И так, мы попадаем в сам конструктор динамических обложек. Мы будем создавать простую обложку (имею ввиду не сложную).

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

И так, загружаем фон.

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

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

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

Если подвести курсор, например, к виджету Подписчики, то вы увидите выпадающее меню с виджетами из группы Подписчики. С другими виджетами «та же история».

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

Как вставит и отредактировать виджет

Обратимся к моей обложке. Покажу какие виджеты стоят на обложке.

(1) – Виджет дата и время (в бесплатной нельзя вставить время)
(2)
– Три виджета Пользователь
(3)
– Виджет Последний подписчик
(4)
– Виджет Текст

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

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

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

На обложке появится виджет (1), с помощью маркеров его можно растянуть. Можно растянуть отдельно фото, отдельно текст (Иван Иванов). У каждого виджета имеются свои настройки (2).

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

Панель настроек
Отображение

(1) – перемещать виджет можно с помощью ползунков (по осям X и Y) или просто ввести с клавиатуры нужное значение
(2) – ширину и высоту также можно изменять с помощью ползунков
(3) – виджет можно повернуть на нужный угол

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

Раздел Виджет уже рассмотрели (см. выше)

Изображение

(1)Размер изображения, можно изменить размер
(2)
Округление изображения, можно сделать изображение круглым, это очень красиво смотрится (ползунок до конца вправо или значение 50)
(3)
Рамка, стандартные настройки рамки (стиль, толщена, цвет)

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

Разделы Имя и Фамилия, рассмотрите сами, там ничего интересного, можете оставить, как есть.

В каждом виджете, где есть текстовое поле, есть Настройка текста, настройки стандартные, как например, в редакторе Word.

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

Есть еще 2 нужные кнопки, Корзина (1) удаляет ненужный виджет и Копировать (2), если нужно сделать несколько одинаковых виджетов с одинаковыми настройками. Так я делал виджеты Пользователь (3).

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

Есть еще пункты меню, о которых необходимо упомянуть.

Сетка для мобильных

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

Как видите появились направляющие. Чтобы отключить эту функцию, просто кликните по Сетка для мобильных, еще раз.

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

Готовые шаблоны

Здесь вы найдете готовые шаблоны, «разложенные» по категориям. Можно выбрать понравившейся шаблон и отредактировать его под себя.

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

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

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

После этого закройте окно предпросмотра и нажмите Сохранить обложку и далее Назад в панель управления.

Теперь перейдите в свою группу, перезагрузите браузер и посмотрите, что у вас получилось.

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

РЕГИСТРИРУЙТЕСЬ НА СЕРВИСЕ DyCover

С уважением, Сергей Бурдин

Динамическая обложка в сообществе ВК

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

Динамическая обложка в сообществе ВК

Рассмотрим процесс создания на конкретном примере.

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

  • Сначала выбираем сервис по созданию динамических элементов для сообществ ВК. В данный момент доступно сразу несколько сервисов, которые позволяют добавлять на обложку всевозможные виджеты. Исчерпывающий список таких виджетов будет дан в следующем разделе статьи. В данном случае работа будет вестись в сервисе Dycover.ru.
  • В верхней части экрана найти кнопку «Попробовать бесплатно».

Динамическая обложка в сообществе Вконтакте 1

  • Осуществляем вход в сервис через аккаунт ВК, разрешив доступ к профилю.

Динамическая обложка в сообществе Вконтакте 2

  • Нажимаем кнопку «Обновить список групп», а затем на гиперссылку ниже «Сообщество не подключено».

Динамическая обложка в сообществе Вконтакте 3

  • Нажав на зеленую кнопку «Подключить», подключаем сообщество к сервису.

Динамическая обложка в сообществе Вконтакте 4

  • В диалоговом окне разрешаем доступ к сообществу.

Динамическая обложка в сообществе Вконтакте 5

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

Динамическая обложка в сообществе Вконтакте 6

  • Далее выбираем нужную обложку и кликаем кнопку «Применить».

Динамическая обложка в сообществе Вконтакте 7

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

Список виджетов на обложку группы

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

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

Динамическая обложка в сообществе Вконтакте 8

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

Как написать сообщение в группу в Вконтакте « Предыдущая запись Как создать группу в ВК на Айфоне Следующая запись »

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *