Виджет группы в соцсети Одноклассники для вставки на сайт

0.0 Рейтинг
4445 Просмотров

Создайте сайт в конструкторе сайтов от Рег Ру

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

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

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

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

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

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

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

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

Выбираем "Виджет группы"

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

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

Как узнать ID своей группы на Одноклассниках

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

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

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

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

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

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

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

Процесс вставки кода я проиллюстрирую на примере своего сайта созданного в Конструкторе сайтов uCoz

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если Вы зарегистрированы в соцсети В Контакте, то можете сделать пожертвование с помощью формы сбора средств этой социальной сети:

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