Меню
Назад » » »

Вставка виджета сообществ В Контакте на свой сайт


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

 О том как получить и настроить код данного виджета Вы можете узнать из предыдущих моих статей:

 Виджет ВКонтакте для сайта - ознакомительный урок

 Виджет сообществ В Контакте для сайта Создание и настройка

Переходим к подключению виджета сообществ ВК к Вашему сайту

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

 Однако вставка стороннего кода виджетов, скриптов и прочих "наворотов" для сайта, примерно, одинакова для сайтов созданных на различных платформах.

 Вам нужно:

1. Определиться с местом на Вашем сайте на котором будет отображаться виджет сообществ ВК для сайтов

2. "Добраться" до html кода страницы, Вашего сайта, которую Вы выбрали для установки виджета

3. Вставить, предварительно настроенный, код, виджета сообществ В Контакте, в нужном месте html кода шаблона, выбранной Вами страницы сайта.

4. Ожидать, небывалого, наплыва новых подписчиков в Вашу группу/сообщество ВК : )

Ожидание новых подписчиков в свою группу в Контакте

Оптимизация и продвижение сайта

В общем, лично, я решил установить виджет сообществ ВК в Первом Контейнере

 ( По терминологии uCoz - вских разработчиков ), То есть в правой части своего сайта.

 Выгода от размещения кода виджета сообществ, именно, в одном из Глобальных блоков сайта,  созданного в конструкторе Юкоз, ( а Первый контейнер является, как раз таки, Глобальным блоком ) заключается в том, что Глобальные блоки показываются на ВСЕХ страницах сайта!

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

 Итак заходим в Панель Управления сайтом и выбираем пункт "Дизайн сайта":

Вставка виджета сообществ В Контакте на свой сайт

 Затем нужно выбрать необходимый шаблон для редактирования:

Вставка виджета сообществ ВК на сайт

 Я выбрал Глобальный блок - Первый контейнер сайта:

Вставка кода виджета сообществ ВК на сайт

Вставка кода виджета сообществ В Контакте на свой сайт

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

Как вставлять виджет сообществ ВК на сайт

На моём сайте место для виджета сообществ ВК для сайтов, в котором я разместил код, выглядело так:

Как вставлять виджет сообществ В Контактте на свой сайт

 А вот так это же самое место, для вставки кода виджета, выглядит в коде шаблона дизайна, Первого контейнера, моего сайта:

Установка виджета сообществ ВК на сайт

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

Документация виджета сообществ ВК

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

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

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

Документация виджета сообществ ВК настройки

Документация виджета сообществ В Контакте

Документация настройки виджета сообществ ВК

Документация к виджету сообществ ВК

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

Документация для виджета сообществ вк

Документация разработчиков виджета сообществ ВК

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

 Отмечу, что, в моём случае, я скопировал и разместил обе части кода, информера ВКонтакте, в одном месте html шаблона  Первого контейнера моего сайта.

Вот таким образом  виджет сообщества В Контакте выглядел на моём сайте после всех вышеописанных манипуляций:

Виджет сообществ ВК размещён на сайте

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

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

 Вот поясняющий скриншёт:

Как изменить размеры виджета сообществ ВК

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

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


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

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

Оформите подписку на новые уроки портала "Уроки создания и продвижения сайта" по электронной почте

Введите Ваш email адрес :

Доставляется сервисом FeedBurner

 Также, Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина


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

 Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

Мой кошелёк в Яндекс Деньги

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

 Если Вы заметили какую либо ошибку на сайте или в статье - просьба сообщить об этом в комментариях!

 Удачи в создании и продвижении собственного сайта или интернет - магазина!

Пока никто не добавил свой комментарий к уроку.
Будьте первым, поделитесь мнением о статье с остальными.
avatar

Реклама от Яндекса


Подписка, лайк, репост