Создание страницы/группы в VKontakte

Создаем сообщество в Vkontakte

Тут их может быть 6 вариантов

• бизнес
• тематическое сообщество
• бренд или организация
• группа по интересам
• публичная страница
• мероприятие

Публичная страница («паблик») VKontakte:

• контент полностью открыт для всех пользователей социальной сети
• размещать посты может только владелец (или администратор)
• нет возможности приглашать участников

Группа VKontakte:

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

Создаем публичную страницу VKontakte

• указываем название
• тематику
• сайт

Добавляем фотографию (логотип) — требуется не менее 400*400 пикселей

Теперь другое дело

Фон сообщества (страницы) называется «Обложка» и находится в разделе Управление->Основная информация

Добавляем кнопку действия на свою страницу VKontakte

По умолчанию есть только кнопка «Подписаться».

Добавим переход на сайт

Результат — теперь посетитель страницы может подписаться или перейти на сайт :)

Добавляем на свой сайт приглашение на свою страницу VKontakte

Выбор виджетов смотрим здесь

https://vk.com/dev/widgets_for_sites

Виджет для сообществ

Виджет тесно свяжет сайт с группой или официальной страницей ВКонтакте. В виджете отображаются новости сообщества или фотографии участников.

Подробнее тут

Указываем URL своей публичной страницы — получаем код

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

ВАЖНО: обратите внимание — в коде виджета есть вызов JS с сайта vk.com

Если Вы виджет встраиваете в несколько мест на одной странице — вызов JS нужно оставить в одном месте. Или сделать его отдельно в HEAD страницы.

Если Вам не нравится использование дополнительного JS на каждой странице (это дополнительное время на загрузку) — можно использовать показ виджета через iFrame (старый вариант, но рабочий — сейчас не указан в документации).

Используйте код ниже

<iframe src="https://vk.com/widget_community.php?gid=XXXXXXXXXX&width=280&height=220&mode=3" width="280" height="220" scrolling="no" frameborder="0"></iframe>

Где:

• номер XXXXXXXXXX — это номер Вашей публичной страницы или группы
• mode=3 — режим отображения (3 — показ подписчиков, 4 — показ ленты)
• width=280 и height=220 — ширина и высота виджета

URL публичной страницы VK

По умолчанию VK создает технический адрес вида

https://vk.com/public206451333

«Хвостик» можно изменить в настройках

Страница будет открываться по обеим адресам URL — т.е. это псевдоним, первоначальный технический адрес остается.

Минимальная длина адреса составляет 5 символов, максимальная — 32.

При выборе адреса можно увидеть ошибку «Недопустимый формат». Она возникает, если адрес:

• начинается с трёх и более цифр (одна или две цифры приемлемы);
• начинается и заканчивается символом «_»;
• содержит точку, после которой расположено менее четырёх знаков, начинающихся с буквы.

Адрес не может содержать целый ряд служебных слов (admin, photo, event и т. д.) и полностью совпадать с именем собственным (alexander, nikolay и т. д.).

Виджет «Нравиться»

через создание приложения

Виджет позволит пользователям выразить отношение к статье одним кликом или поделиться ссылкой на неё с друзьями.

https://vk.com/dev/widget_like

Три шага:

• надо добавить openapi.js в раздел head
• надо добавить код в тело страницы внутри body для инициализации OpenAPI
• и наконец добавить вызов блока DIV в нужное место

И для создания транспорта OpenAPI необходимо внутри VKontakte создать приложение, которое будет взаимодействовать с Вашим сайтом.

https://vk.com/dev/openapi

Есть вариант синхронной и асинхронной инициализации.

После создания приложения можно у нему привязать наше сообщество (которое мы создали ранее)

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