Создание, настройка и установка информационного виджета, соцсети Одноклассники, на сайт.

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

 Я покажу Вам процесс создания, настройки и размещения этого информационного блока на сайте.

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

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

 Затем нажмите на ссылку "Разработчикам":

 В открывшемся окошке выбираем раздел "ОК для сайтов":

 Вы попадёте на страницу со списком всех доступных виджетов, соцсети Одноклассники, для сайта. Выбираем "Виджет группы":

 Итак мы, наконец то, добрались до страницы создания и настроек данного виджета групп ОК для сайта. Разберём, по порядку, все, доступные нам, настройки этого информационного блока.

 Первым делом нужно заменить ID группы, из примера на сайте, на ID Вашей группы:

 Как узнать ID своей группы: 

 Зайдите в свою группу и кликните на значок ..., а, затем, в выпадающем меню,  на пункт "Настройки":

 Искомый ID Вашей группы будет красоваться на самом верху открывшейся страницы:

 Теперь необходимо вернуться на страницу с настройками виджета, группы Однаклассников для сайта, и вставить СВОЙ ID, в соответствующее поле, на этой странице:

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

 Осталось выбрать тип отображаемой информации, в виджете группы на Одноклассниках, которая будет отображаться на Вашем сайте. Я установил отметку напротив типа "Участники".

 После сделанных Вами настроек код виджета будет сформирован:

 Переходим к вставке кода виджета группы на свой сайт.

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

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

Я решил разместить виджет группы в Первом контейнере ( по терминологии разработчиков конструктора uCoz ).

 Первый контейнер хорош тем, что вся информация которая в нём размещена будет доступна посетителям моего сайта практически на ВСЕХ страницах сайта. Такова структура этого контейнера. Вы размещаете информацию всего один раз и она доступна на всех страницах Вашего проекта. Удобно!

 В общем, если Ваш сайт, по какому то недоразумению :), создан на платформе отличной от uCoz - думаю, что Вам не составит труда добраться до HTML кода нужной Вам страницы.

 Итак, я выбрал место для размещения виджета ОК и вставил код этого виджета в HTML код соответствующей страницы ( блока ) на своём сайте:

 И вот, финальный аккорд, таким образом виджет, группы на Одноклассниках для сайтов, отображается на моём сайте:

 На этом настройка и установка виджета успешно завершена.

 Как Вы можете видеть этих самых виджетов на моём сайте, уже, установлено "видимо - невидимо" : ) А всё почему? А потому, что я пишу, различные, уроки по созданию и раскрутке сайта и, сразу же!, воплощаю то, что в них описано, на своём сайте. Для наглядности, так сказать : )

 Поэтому, пользуясь случаем, приглашаю Вас вступать в мои, уже, существующие группы в различных соцсетях. Ну в те, которые Вам милее : )

 С одной стороны Вы всегда сможете, своевременно, узнавать о выходе моих новых уроков по созданию и продвижению сайта и интернет магазина своими силами. А с другой - Ваше вступление и участие в моих группах поможет их развитию и продвижению. Ну и продвижению моего сайта, есстествено. Профит : )

Постоянный адрес этой статьи на моём сайте: http://делаем-сайт.com/publ/prodvizhenie_i_raskrut...dlja_vstavki_na_sajt/47-1-0-70

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 В этом уроке расскажу и покажу вам: Как создать, настроить и установить виджет сообщества/группы социальной сети ВК ( В Контакте ) на своём сайте. Первая часть урока.

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

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

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

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

 Ну и вот, он такой, значит, думает, про себя: "А не вступить ли мне в группу Делаем сайт и интернет - магазин самостоятельно, к примеру, чтобы, всегда, быть в курсе Ооочень полезной информации, которую  в этой группе публикует, работящий, как пчёлка, и, несомненно, талантливый создатель : )

 Ну и, конечно же, вступает! Тем более сделать это можно, буквально, в пару кликов. Так отчего бы и не вступить, спрашивается ? : )

 А, с другой стороны, вам, как создателю, полезного и информативного, сообщества ВК - ну, просто "по-зарез" нужны новые ( и старые, тоже ) читатели - почитатели вашего таланта : )

 Ну вот Виджет ВК для сайта и поможет в этом нелёгком, но благородном, деле обеим сторонам : )

 В общем - одни плюсы для всех!

 Так. С теорией разобрались, надеюсь? Перейдём к практике, то бишь к созданию, настройке и установке этого самого Виджета ВК для сообщества.

 Замечу, только, что если у вас, как у создателя сайта, пока что нет своего сообщества в соц группе ВК, то это не трудно исправить! Специально для такого случая, мною, написан цикл статей о Раскрутке сайта в соц сети В Контакте.

 Состоит он, на данный момент ( в дальнейшем планирую написать, ещё, несколько статей по данной тематике ), из уроков на темы:

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

Настройка группы в Контакте

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

 Сделать это можно следующим образом:

 Сначала надо открыть страницу вашей группы или сообщества и в самом низу меню справа кликнуть на ссылку под названием "Разработчикам":

 Перед вами откроется окошко с информацией от разработчиков приложений для ВК:

 Вам нужен раздел "Виджеты сообществ".

Полностью урок читайте на моём сайте, по ссылке: http://делаем-сайт.com/publ/prodvizhenie_i_raskrut...idzhet_vk_dlja_sajta/23-1-0-60