«Вконтакте» добавил меню в сообществах
8(4932) 77-35-11
Все статьи
Новости
Маркетинг
Сайты
Дизайн
SEO
Реклама
SMM
CRM
Другие
Похожие статьи:
10.02.2023 Как не нужно вести соцсети компании
01.09.2022 Как бизнесу искать идеи для постов
SMM
22 июля 2019
Меню представляет собой блок, состоящий из небольших карточек, которые можно листать как карусель. В нём отображаются все приложения, установленные в группе.
Без настройки это выглядит так:
Большинство восприняли такую идею негативно, и на это есть несколько причин.
1. Меню нельзя убрать:
2.
Меню всё-таки можно убрать, но…Таким образом для пользователя в принципе перестают быть видимыми виджеты. Спрашивается: а зачем тогда такое обновление?
А кто-то воспринял ситуацию с юмором:
3. Из отрицательного отметили и отображение меню:
4. Да и ссылки и подключенные приложения пока (надеемся, что пока) работают некорректно:
Кстати, внешние ссылки указывать нельзя. Но их можно сокращать через vk.cc
5. Меню доступно для веб-версии и приложения. Многие просто не видят меню с телефона:
Но, кажется, мы стали забывать, что есть и положительные моменты!
Вот те, кто уже внедрили обновление:
Дмитрий Фердман сделал обложки в фирменных цветах группы и добавил такие разделы, как:
Группа «SMM Кейсы» использовали картинки с иконками:
Магазин «Royal Philips» решил использовать меню только для товаров, а виджеты они спрятали в конец, чтобы блок был в едином стиле:
Официальная группа смартфонов и телефонов Nokia в России тоже сделала ставку на иконки:
Ресторан «FRANK» использовал обновление так:
Ещё один удачный пример оформления группы – магазин аксессуаров из кожи:
«Forbes» сделал ставку на лаконичность:
Чем-то схоже с меню радио «MAXIMUM»:
«Пятый канал» сделал ещё проще:
А вот пример «РЕН ТВ»:
Чтобы настроить такой раздел, перейдите с компьютера к управлению сообществом и откройте в нём пункт «Меню».
Изменять оформление, название и порядок элементов, а также добавить или удалить любую ссылку можно в настройках.
Не забудьте, что размер картинок – 376х256 пикселей. А заголовок имеет ограничение в 20 символов.
А что выбираете вы: убрать меню, жертвуя виджетами, или оставить и оформить?
Следующая запись >>
Похожие статьи:
10.02.2023 Как не нужно вести соцсети компании
01.09.2022 Как бизнесу искать идеи для постов
Главная
/ Блог
/ Убрать нельзя оставить: «Вконтакте» добавил меню в сообществах
Иллюминатор
Мы в соцсетях
Карта сайта
как набрать подписчиков ВКонтакте — бесплатно и за деньги
Вам предстоит бороться за внимание пользователей с их друзьями, развлекательными пабликами, блогерами и вашими конкурентами.
Для этого нужно понять интересы своей аудитории — составить ее портрет. Что из себя представляют потенциальные подписчики, которые могут превратиться в клиентов? Что их интересует и какие задачи они хотят решить? С чем сталкивается целевая аудитория в жизни? И ради чего подписчики будут возвращаться в паблик?
От этого будет зависеть позиционирование — образа бренда, который будет привлекать подписчиков в группу во ВКонтакте. Например, страница компании может играть роль эксперта, который держит дистанцию с подписчиком, или быть другом, готовым помочь решить проблемы и дать совет.
Качественное оформление поможет зацепить внимание пользователей. Вот что понадобится:
Обложка с разрешением 1590×400px. Оставьте по 140 пикселей по краям, а сверху — 85, чтобы картинка правильно отображалась на мобильных устройствах.
Понятное емкое описание, чтобы за несколько секунд человек понял, для кого создано и чем полезно сообщество. В описании умещается 4 тысячи символов, но лучше уложиться в 100–400.
С помощью кнопки «Рассказать друзьям» владелец и подписчики паблика могут самостоятельно отправить ссылку на сообщество в личном сообщении, опубликовать её на стене, в другом паблике и в истории.
Еще одна кнопка в меню справа — «Пригласить друзей». По ней можно отправить приглашения некоторым людям из общего списка друзей. Чтобы пригласить сразу 40 человек — это разрешённый максимум в день — перейдите по ссылке «Пригласить друзей из полного списка».
Если у вас в друзьях под тысячу человек, то меньше чем через месяц вы отправите приглашения каждому. Старайтесь добавлять в друзья новых знакомых и тоже приглашать в сообщество.
Если ваша задача — привлечь подписчиков именно во «ВКонтакте», разместите ссылку на паблик в других соцсетях.
Контент тоже может привлечь подписчиков в сообщество. Правда, есть несколько условий:
регулярные публикации 1–2 раза в день;
уникальные посты, которые несут пользу или вызывают эмоции;
публикации соответствуют тематике паблика;
контент аккуратно оформлен — с заголовками и подзаголовками, короткими списками и эмоджи;
пост подталкивает к обсуждению и нравится аудитории — это можно понять по количеству лайков и комментариев.
Пользователям нравятся чек-листы, короткие видеоинструкции, инфографики и другие обучающие материалы. Чем нагляднее подан материал, тем больше шансов получить новых подписчиков.
Также «заходит» вовлекающий контент: ответы на частые вопросы клиентов, конкурсы и квесты. Они стимулируют обсуждения и помогают формировать доверие к бренду.
Конкурсы стоит проводить, когда наберется 1000+ подписчиков. Можно разыграть пиццу за репост и подписку или предложить книгу в подарок за трёх приведённых подписчиков.
Перед запуском конкурса продумайте условия — что пользователь получит за подписку и как его мотивировать к участию, насколько дорогим будет приз и как долго продлится конкурс. Обязательно анонсируйте его в сообществе — за несколько дней до события и за сутки до старта, чтобы подогреть интерес. В анонсе укажите сроки определения победителя, а потом — в запланированное время — опубликуйте результаты. Если опоздаете, то столкнетесь с негативом и оттоком аудитории.
Главная опасность конкурсов — они привлекают аудиторию, которая не всегда готова платить за ваш продукт.
Поэтому через какое-то время после конкурса часть пользователей отпишутся. Предотвратить такой отток сложно, но можно замедлить сокращение аудитории с помощью интересного контента и новых конкурсов — их лучше проводить раз в месяц.
Попросите сообщество с похожей тематикой рассказать о вас: аудитории паблика ВКонтакте, посвященного дизайну интерьеров, могут быть интересны крючки для одежды, которые вы производите. Взамен разместите пост с рекламой того сообщества.
Найти подходящий паблик можно через поиск или в группах для взаимопиара. Охотнее идут на сотрудничество сообщества, где количество подписчиков близко к вашим показателям. Обычно взаимопиар запускают, когда набирается больше тысячи подписчиков, но иногда можно договориться об отложенной публикации: вы разместите ответную рекламу позже, когда у общества появится нужное количество фолловеров.
Постоянно ищите новых партнёров, чтобы реклама охватила больше пользователей.
Предлагайте новости тематическим сообществам от имени группы, даже если такие запросы обычно игнорируют.
Просите друзей и сотрудников комментировать, лайкать и репостить публикации. Так о сообществе узнают друзья подписчиков паблика.
Чат-боты помогут обработать комментарии и дать мгновенную обратную связь пользователю. Лучше всего чат-боты работают вместе с элементами геймификации — игрой или тестом: заодно можно предложить подписаться на рассылку. С её помощью удобно напоминать о группе и предлагать новые активности.
Размещать чат-ботов лучше в меню группы, чтобы их увидело как можно больше пользователей.
Несколько лет назад одним из самых популярных способов набрать подписчиков за деньги была накрутка. Это запрещенный способ — ВКонтакте может заблокировать паблик. Кроме того, самому бизнесу нужны «живые» подписчики — реальные люди, которые смогут превратиться в клиентов.
Разрешенные способы привлечения аудитории за деньги:
Реклама у блогеров и в пабликах
Рассказать о вашем сообществе могут инфлюенсеры и популярные страницы.
Заказать у них рекламу можно напрямую — зачастую блогеры и сообщества указывают контакт ответственного за рекламу на видном месте (в профилях — в информации о себе, а в сообществах — в правом нижнем углу).
Таргетированная реклама
Объявления появляются в ленте или слева под меню «ВКонтакте». Такую рекламу можно настроить по полу, возрасту, семейному положению, образованию, месту жительства и другим параметрам. При запуске первых кампаний есть большая вероятность ошибиться: если выбрать неподходящую аудиторию, реклама не даст нужного эффекта, несмотря на потраченные деньги. Для настройки таких кампаний и корректировки после запуска лучше обратиться к профессионалу — таргетологу.
Кроме того, вы можете запустить рекламу в поисковиках — через сервисы Яндекс.Директ и Google Реклама. Такие объявления быстро дают переходы на страницу во ВКонтакте, но лучше всего работают, когда в сообществе уже есть контент, подписчики и реакции на публикации. Если человеку покажется, что в группе чего-то не хватает, или нет смысла подписываться, он уйдет со страницы.
дизайнов, тем, шаблонов и графических элементов для перехода к меню на Dribbble
Просмотр взаимодействия с меню Foodio Burger
Взаимодействие с меню Foodio Burger
Посмотреть GlobeKit — Адаптивные меню
GlobeKit — адаптивные меню
Посмотреть ⚡️ Быстрая навигация
⚡️ Быстрая навигация
Просмотр переходов меню
Переходы менюПосмотреть Бейкер Тилли — Отрасли
Бейкер Тилли — Промышленность
Посмотреть Lasvit Concept — Навигация
Lasvit Concept — Навигация
Просмотр предварительного просмотра веб-сайта GlobeKit — переход в меню
Предварительный просмотр веб-сайта GlobeKit — переход в меню
Посмотреть NAPAPIJRI — коллекция Tribe
НАПАПИЙРИ — Сбор племени
Просмотр Bang & Olufsen — взаимодействие с меню
Bang & Olufsen — Взаимодействие с меню
Просмотр домашней страницы и взаимодействие с меню
Домашняя страница и меню
Посмотреть NAPAPIJRI — коллекция Tribe
НАПАПИЙРИ — Сбор племени
Посмотреть карусель перетаскивания и анимацию меню
Перетаскивание карусели и анимация меню
Просмотр Exo Ape — меню, переход
Exo Ape—меню, переход
Просмотр меню перехода
Переход меню
Посмотреть приложение Smart Kitchen Assistant
Приложение Smart Kitchen Assistant
View Wiels — Центр современного искусства
Wiels — Центр современного искусства
Посмотреть Анимационная студия
Анимационная студия
Просмотр взаимодействия с мобильным меню iOS
Взаимодействие с мобильным меню iOS
Просмотр меню портфолио | Компания по производству фильмов
Меню портфолио | Кинопроизводственная компания
Посмотреть архитектурную концепцию
Архитектурная концепция
Просмотр слайдов в меню Взаимодействие в воздухе 💨 ⚡️
Слайд в меню Взаимодействие воздух 💨 ⚡️
Просмотр меню перехода
Переход меню
Просмотр BEVZ Меню Взаимодействие Темная версия
BEVZ Меню Взаимодействие Темная версия
Просмотр меню перехода
Переход меню
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще…
19+ потрясающих переходов страниц с помощью CSS (с красивыми примерами!)
CSS — это отличная технология, которую вы можете использовать, чтобы добавить удивительные стили на веб-страницу и раскрыть свою творческую сторону как дизайнера или разработчик.
Один из способов добавить на свой веб-сайт больше уникальных и забавных функций — переходы страниц с помощью CSS. Они могут быть переходами страниц на чистом CSS или иметь немного JavaScript, чтобы помочь создать некоторые из более продвинутых методов — в любом случае, вы можете сделать так много с помощью только чистого CSS.
Давайте сразу приступим к просмотру удивительных переходов страниц с помощью CSS!
В этом списке вы найдете смесь переходов страниц на чистом CSS и некоторые с небольшим количеством JavaScript для создания потрясающих эффектов, надеюсь, один из них вдохновит вас на создание чего-то красивого с его помощью.
См. перо на КодПене.
Посмотреть демо
В этом примере, основанном на нескольких фреймворках HTML, CSS и JavaScript, показано, как можно создать потрясающий переход страницы, управляемый событиями.
Нажмите кнопку «Старт» и наблюдайте за эффектом. Вы также можете настроить это для перехода на несколько страниц, но демо-версия поставляется только с одной страницей.
См. перо на КодПене.
Посмотреть демо
Мозаичный эффект перехода страницы CSS, который можно использовать для переключения между различным содержимым.
Нажмите кнопку посередине и наблюдайте, как происходит эффект, переход очень плавный и очень привлекательный. Вы также можете легко добавить дополнительные элементы на новую страницу.
См. перо на КодПене.
Посмотреть демо
Эта демонстрация имеет несколько крутых эффектов, которые работают одновременно, и все они объединяются, чтобы создать потрясающий переход CSS при нажатии.
Наведите курсор на изображение, и оно взаимодействует с движением мыши.
Щелкните изображение, и оно увеличится в полноэкранном режиме. Вы можете легко изменить это и добавить текст или дополнительные элементы, чтобы создать больше страницы.
См. перо на КодПене.
Посмотреть демо
Эффект перехода на чистом CSS, основанный на скольжении шторы, который позволяет переключаться между содержимым. Демонстрация довольно проста и не имеет особого стиля, но вы можете легко отредактировать CSS, чтобы изменить его.
Очень просто и удобно использовать на вашем сайте.
См. перо на КодПене.
Посмотреть демо
Очень простой переход, создающий красивую анимацию страницы с круглой формой.
В этом примере перехода используются JavaScript и библиотека Anime.
js, поэтому это не чисто CSS-решение.
Но если вы не возражаете против JS, этот эффект идеально подходит для переходов между страницами на вашем сайте.
См. перо на КодПене.
Посмотреть демо
Полностью законченное меню на основе CSS и JavaScript с плавным переходом между страницами.
Нажимайте кнопки меню и наблюдайте за крутым переходом между страницами, вы можете вернуться домой с помощью центральной кнопки, каждая страница также имеет свой цвет, но вы можете легко добавить фоновое изображение, если хотите.
См. перо на КодПене.
Посмотреть демо
Очень крутая и причудливая демонстрация переходов страниц на основе CSS и JavaScript, в которой новое содержимое появляется в поле зрения.
Анимация очень плавная, и вы можете легко добавить свои собственные элементы или дополнительные страницы. В демонстрации используется кнопка для запуска переходов.
См. перо на КодПене.
Посмотреть демо
Скользящий эффект перехода CSS с кнопками слева, которые запускают переход страницы. Страницы являются полноэкранными и скользят вместе с содержимым, вы можете добавлять дополнительные элементы в HTML, и каждая страница имеет заголовок.
Переход очень плавный и отлично подходит для полноэкранного контента.
См. перо на КодПене.
Посмотреть демо
Причудливая и крутая демонстрация, созданная в виде портфолио, с анимированным фоном, и вы можете нажать кнопку «Просмотреть портфолио», чтобы увидеть переход страниц.
Анимация очень плавная и, очевидно, в этой демонстрации вам нужно будет добавить свой собственный контент и элементы, но весь эффект перехода присутствует.
См. перо на КодПене.
Посмотреть демо
Некоторые переходы страниц CSS запускаются нажатием кнопки, но они также используются для переключения между страницами, которые необходимо загрузить.
Этот пример показывает нам, как вы можете использовать загрузчик переходов CSS для загрузки содержимого в фоновом режиме, а затем показывать страницу, когда она будет готова, все анимировано с помощью CSS, и это очень плавно.
См. перо на КодПене.
Посмотреть демо
Переходы страниц CSS можно использовать для самых разных целей, один из лучших вариантов использования — переход от изображения к большему количеству текста/информации.
Этот переход страницы использует миниатюру, при нажатии на которую появляется увеличенный фон и некоторый текст, объясняющий, что было нажато. Затем вы можете использовать крестик в правом верхнем углу, чтобы закрыть страницу и щелкнуть другую. Он использует немного JavaScript, но ничего слишком сложного.
См. перо на КодПене.
Посмотреть демо
Созданный с использованием чистого HTML и CSS, этот переход начинается при загрузке страницы. Вы можете использовать этот эффект, чтобы элементы отображались при прокрутке или при загрузке страницы.
Его также можно использовать в сочетании с базовым JavaScript для запуска анимации при нажатии или переходе между несколькими элементами. В любом случае, это может стать отличной отправной точкой для переходов страниц CSS.
См.
перо
на КодПене.
Посмотреть демо
Отличный пример того, как может выглядеть простой переход между страницами.
В этом примере для создания анимации между страницами используется практически чистое CSS-решение.
Внешних библиотек JS нет, а несколько строк JavaScript очень просты для обработки кликов, определения конца анимации и загрузки страницы.
См. перо на КодПене.
Посмотреть демо
Еще один переход страницы CSS с прокруткой, этот более полный и работает с несколькими страницами. В этом примере вы можете видеть, что нужно прокрутить 8 слайдов, попробуйте прокрутить и посмотреть, как причудливая анимация переключается между разными страницами.
Каждый слайд имеет свой заголовок и подзаголовок, а также слева есть счетчик слайдов.
См.
перо
на КодПене.
Посмотреть демо
Переход страницы CSS, основанный на прокрутке, фон будет скользить вперед и назад, позволяя вам показывать разные изображения или даже элементы, если вы хотите изменить его — что можно очень легко сделать в HTML.
Внизу есть даже некоторая базовая нумерация страниц с номером страницы и точками обозначения.
См. перо на КодПене.
Посмотреть демо
Более уникальный переход CSS, это кнопка, которая переходит на страницу с заголовком и основной частью текста.
Вы можете легко использовать это, чтобы настроить несколько кнопок и отображать страницы поверх главной страницы, как модальное окно. Очень современный и позволяет вам оставаться на той же странице в целом.
См.
перо
на КодПене.
Посмотреть демо
Переходы страниц CSS можно использовать для многих вещей, и этот изначально используется, чтобы скрыть полноэкранное меню, после нажатия на него открывается меню и его разные страницы.
Вы можете прокручивать каждую страницу самостоятельно или использовать кнопку меню для выбора раздела и перехода к каждому разделу на экране.
В этом переходе страницы CSS используется гамбургер-меню. Прочтите эту статью, в которой мы написали несколько замечательных гамбургер-меню CSS, которые вы можете использовать сами
См. перо на КодПене.
Посмотреть демо
Вся установка с этой демонстрацией очень крутая, сам дизайн очень привлекателен, и это не просто демонстрация базовой функциональности — вы действительно можете увидеть, как этот эффект перехода можно использовать на реальном веб-сайте.
При нажатии кнопки «Подробнее» запускается первый переход, содержимое масштабируется и появляется в поле зрения — отображается больше текста, а основное изображение становится меньше, чтобы освободить место для текста.
Нажмите «Просмотреть карту», чтобы увидеть окончательный переход: карта становится видной, а текст исчезает — тогда у вас есть последний шаг для возврата на домашнюю страницу.
См. перо на КодПене.
Посмотреть демо
Полноэкранный макет, при нажатии которого каждый раздел открывается и масштабируется. Переход CSS создает полноэкранный макет каждого раздела при нажатии.
Каждый раздел имеет собственную кнопку закрытия, чтобы можно было вернуться к исходному экрану. Вы можете легко добавить больше элементов в каждый раздел.
Как сделать плавный переход в CSS?
Убедитесь, что вы анимируете только те элементы, которые вам нужны, и не включаете слишком много элементов, которые могут стать ресурсоемкими для некоторых устройств — CSS обычно создает для вас плавный переход, используя алгоритм кубической кривой Безье.
