Из-за того, что разработчики социальной сети «ВКонтакте» стараются постоянно обновлять имеющиеся возможности на сайте, пользователи здесь могут пробовать новые интересные функции. Одним из таких нововведений стало добавление специальных постеров, которые являются улучшенным форматом публикуемых записей на стене сообществе, либо на личной странице. У этих записей есть свои фоны и объемный текст, который сразу привлекает внимание других людей.
В этой статье мы подробно расскажем о том, как создавать и публиковать свои постеры на стене:
- В полной компьютерной версии сайта;
- С мобильного устройства.
Как создать постер «ВКонтакте» на компьютере?
В десктопной версии сайта опубликовать свой постер на стене довольно легко. Для этого сначала нужно рядом с областью создания новой записи нажать на соответствующую разноцветную кнопку в виде круга. Сразу же после этого должна открыться область создания нового постера.
Оформление группы ВК на понятных примерах с шаблонами размеров
Далее в открывшейся области можно написать свой объемный текст внутри выбранного фона. Собственно, сами же фоны выбираются в списке ниже под самим постером, причем этот список можно листать, чтобы найти нужный фон. Вместе с тем, как и для любой другой записи на стене, здесь можно задать настройки видимости, а также время публикации. Также здесь можно добавить свой собственный фон по желанию, нажав на соответствующую кнопку под областью с самим постером.
В открывшемся окне добавления фона можно нажать на кнопку «+» в центре, чтобы найти на устройстве нужную картинку. Также в эту область можно просто перетянуть требуемую картинку из папки на компьютере.
Обратите внимание!
Рекомендуется загружать в качестве фона для постера картинку в формате JPG, причем лучше всего, если ее размер будет соответствовать разрешению 1440х1080 пикселей.
После добавления нового фона пользователь также может выбрать среди всей палитры подходящий цвет текста, что размещен на этом фоне. Вместе с тем, здесь можно нажать на кнопку с пипеткой для того, чтобы выбрать нужный текст с самой картинки. После этого следует нажать на кнопку «Сохранить изменения», чтобы они вступили в силу. Далее можно опубликовать и сам постер на стене.
Как создать постер «ВКонтакте» в приложении?
Пользователи официального мобильного приложения этой социальной сети тоже могут быстро создавать и публиковать новые стикеры на стене подобно тому, как создаются простые посты. Для этого, находясь в режиме создания новой записи, нужно просто нажать на разноцветную круглую кнопку в нижней левой части.
После этого пользователь попадет в окно создания нового постера. Здесь в центральной части самого постера можно ввести свой текст. В нижней части под самим постером можно выбрать обложку для него среди стандартных тем. Также здесь можно нажать на круглую кнопку с плюсом, чтобы выбрать свою собственную картинку, которая будет использоваться в качестве фона.
Если пользователь решит добавить свой собственный фон, он попадет на страницу, где нужно будет нажать в центральной части на соответствующую область для добавления фона. Далее ему будет предложено выбрать нужную картинку на своем устройстве.
После того, как картинка будет выбрана, нужно будет также выбрать цвет текста среди предложенных в палитре. При этом здесь нельзя, как в полной компьютерной версии сайта, выбрать цвет текста с помощью пипетки. Когда нужный текст будет выбран, останется только нажать на кнопку «Сохранить», чтобы применить эти изменения в постере. Далее его можно будет опубликовать на стене, как и просто пост.
Заключение
В мобильной версии сайта m.vk.com нельзя создавать и публиковать свои постеры, но при этом функций компьютерной версии сайта, а также мобильного приложения вполне достаточно. Такие большие и украшенные специальным фоном посты действительно сразу обращают на себя внимание других людей в социальной сети «ВКонтакте».
Источник: vk-wiki.ru
Удобный календарь для сообщества ВКонтакте в пару кликов
Закономерный вопрос, ведь уже есть в ВК готовый сервис Календарь. Но те, кто действительно занимается организацией мероприятий и распространением информации о них в ВК, и уже пытался пользоваться этим сервисом, сразу отмечают, что, собрать в удобном формате свой календарь не так-то и удобно.
Есть и ещё комфортный и популярный сервис: Google Calendar. Скорее всего им пользуется бОльшая часть вашей аудитории. Им удобно делиться, в нём можно создавать несколько календарей и настраивать их отображение. Есть удобные виджеты для Apple и Android. Инструмент крайне удобный, но всегда есть «Но».
Если наша основная аудитория сосредоточена в сообществе ВК, и мы хотим удобный пунк в меню, по которому в один клик мы хотим направить наших подписчиков на удобный сервис — это будет уже не так просто, потому что в пунктах меню сообщества можно указывать ссылки только на ресурсы ВКонтакте.
Сделаем нашим подписчикам удобно
Мы хотим, чтобы, открыв в очередной раз или наткнувшись впервые на наше сообщество, наши подписчики ознакомились со всеми мероприятиями, что мы запланировали, в один клик, и чтобы всегда информация о событиях была актуальна. Самое быстрое и простое решение — это интегрировать календарь Google в наше сообщество ВК.
Что для этого нужно?
Даже если вы никогда не писали код, не пользовались средами разработки и боитесь консоли как огня, у вас всё получится, и может вы обретёте новые компетенции. В статье все примеры будут для Windows, но поскольку мы будем пользоваться кроссплатформенными инструментами, это сработает и для Linux, и для IOS.
Приступим! Начнём с основных настроек приложения. Заходим на https://dev.vk.com/
Дружелюбный интерфес прделгает нам создать приложение. Любезно соглашаемся и переходим к форме создания.
Как только мы заполним форму и нажмём «Перейти к настройке приложения». Сервис безопасности отправит нам VK Push нотификацию с просьбой подтвердить создание приложения.
На своём мобильном девайсе подтвердим создание.
Приступим к настройке нашего приложения, полагаю, не имеет смысла задерживаться на настройках информации о приложении. Подгрузка картинок согласно заданным размерам вряд ли вызовет затруднения. Нас интересуют основные настройки мини-приложения, а конкретно ID приложения и URL для vk.com.
Теперь непосредственно приступим к самому приложению, которым мы поделимся с подписчиками. Создадим Google Calendar, с нашими событиями.
Для этого в меню «Другие календари» выбираем пункт «Создать календарь». После создания нам доступны настройки календаря, перейдём к секции «Разрешения на доступ к мероприятиям» и прожимаем галочку «Сделать общедоступным». Секция: «Интеграция календаря», здесь нас интересует HTML-код, который будет начинаться с тега .
Этот готовый код мы и будем использовать в качестве нашего приложения. Чтобы создать публичную HTML страницу, воспользуемся бесплатным хостингом ВК.
Далее мы делаем менее привычные для простого пользователя вещи, но всё так же несложные. Установим на ваш персональный компьютер Node.js (если такового ещё не имеется). Не меняя никаких настроек, и просто прожимая «Далее» легко и играючи устанавливаем инструмент. Теперь node.js ваш верный друг и помощник, который сделает всё за вас.
Теперь в меню Windows появилась возможно запуска командной строки node.js (Node.js command prompt), также у нас есть возможность запустить её из консоли (win + R, вводим «cmd» без кавычек), в открывшемся меню консоли вводим
>»C:Program Filesnodejsnodevars.bat» ,
если вы меняли путь установки node.js, префикс пути будет отличаться.
Увидим сообщение:
Your environment has been set up for using Node.js vv.vv.vv and npm.
Создадим на нашем ПК папку. Для простоты примера я буду использовать C:tmp.
Перейдём в неё из открытой консоли: >cd C:tmp
перейдём в созданную папку:
>cd my_calendar (используйте tab ).
Теперь навремя свернём консоль и перейдём в папку C:tmpmy_calendarsrc, увидим там файл index.js, откроем его любым текстовым редактором. Здесь написан код, который рисует персика, этот код нам не нужен. Как и импорт пакетов, которые им использовались, всё что останется будет выглядеть так:
Файлы в папке, помимо index.js теперь нам тоже не нужны, смело избаляемся от них. Затем переходим в папку C:tmpmy_calendarpublic. Здесь мы видим один единственный файл index.html. Помните код который нам предлагает Google Calendar? Самое время его скопировать и поместить внутри тэга . Вот так это примерно будет выглядеть:
Мой календарь
Сохраняем файл, теперь мы можем открыть файл браузером и ознакомиться с контентом.
Далее открываем файл C:tmpmy_calendarvk-hosting-config.json и заполняем
«app_id»: 51575004 , (ID приложения из настроек приложения ВК)
Возвращаемся в консоль и просим node.js собрать получившийся одностраничный проект:
>npm run build
А затем опубликуем проект на бесплатном хостинге для мини-приложений от вк:
>npm run deploy
На запрос консоли:
? Would you like to deploy to VK Mini Apps hosting using these commands? » (Y/n)
Вводим y
Необходимо будет подтвердить деплой на своём мобильном устройстве. Наша консоль будет выглядеть примерно так:
Мы получили ссылку, которую вставим в текстовое поле «URL» в разделе «Версия для vk.com». Теперь мы можем перейти в заглавный раздел «Настройки» и в выпадающем списке поля «Состояние» выбрать опцию «Приложение включено и видно всем». В секции «Дополнительно» в меню «Сообщество» выбираем сообщество, в котором мы будем использовать наш календарь. Не забываем прожать кнопку «Сохранить». Нажимаем на иконку своего приложения в левой верхней части экрана.
Поздравляю, Вы восхитительны! Ваши подписчики отныне не вынуждены покидать портал ВК, чтобы видеть запланированные Вами события. Как только вы добавите новое событие в ваш публичный календарь, ваши подписчики увидят ваши планы. А также они смогут добавлять гугл календарь себе кнопкой «+» в правом нижнем углу виджета.
Для более подробного ознакомления с тем, как работают мини-приложения ВК рекомендую посмотреть видео Глеба Воронцова — «Как создать мини-приложение. Часть 1» и «Как создать мини приложение. Часть 2».
Источник: habr.com
Инструкция по установке гугл-календаря на страницу сообщества «ВКонтакте»
Расскажу как сделать приложение Вконтакте с гугл-календарём и добавить его в ваше сообщество, например как у нас в Студенческих отрядах СФУ.
Для начала вам нужен календарь, который вы будете встраивать. Для этого у вас должен быть гугл-аккаунт.
1) Заходите в гугл-календарь и создаёте календарь, который будете размещать в приложении.
2) Заполняете сведения календаря по своему усмотрению.
3) Ниже, в разделе «Адрес календаря» жмёте на кнопку «HTML» и сохраняете в блокнот ссылку, которая выскочит — она вам ещё пригодится.
4) На соседней вкладке обязательно открываете общий доступ к календарю. Тут же можете добавить в календарь редакторов, если над ним будете работать не только вы. Сохраняете.
5) Теперь, создавая мероприятия, которые вы хотите отобразить в вашем календаре, указывайте название календаря, чтобы они попали в нужный календарь.
6) Переходим ко Вконтакту. Зайдите на страницу создания приложения Вк и нажмите «Создать приложение».
7) Вас интересует «IFrame/Flash приложение», тут заполняете всю нужную информацию и жмёте «Перейти к загрузке приложения».
9) Теперь выберите группу, в которой хотите разместить виджет приложения (возможно только для групп, где вы являетесь администратором), заполните дополнительную информацию, загрузите обложки и прочее, что доступно на этой странице.
10) На вкладке «Настройки» вставьте ранее сохранённую ссылку в обе графы «Адрес IFrame» и «HTTPS-адрес IFrame», можете поменять размер приложения на нужный, затем выберите в графе «Состояние» пункт «Приложение включено и видно всем» и нажмите «Сохранить изменения».
10) Теперь календарь появится в вашей группе в виде виджета.
Запуская его, вы увидите приложение Вк со встроенным гугл-календарём.
Источник: kpaxmajl.livejournal.com