(Последнее обновление: 11.05.2019)

Привет, друзья! С прошедшими вас праздниками! Надеюсь отдохнули удачно и свои веб-ресурсы не оставляли надолго без своего внимания. Сегодня небольшой пост для тех, кто имеет свою группу в популярной социальной сети Одноклассники (ok.ru). Будем устанавливать виджет Одноклассники на сайтВиджет/плагин Одноклассники вы можете разместить на своём сайте. Он будет рекламировать вашу группу на Одноклассниках, и позволит посетителям вашего сайта/блога присоединиться к ней буквально в один клик мышки.

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

Социальная сеть Одноклассники

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

И конечно установить на свой блог/сайт соответствующие виджеты этих и других популярных соцсетей, пускай ваши читатели и посетители присоединяются к вам. И так, к делу. Займёмся социальным виджетом группы Одноклассники.

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

виджет Одноклассники

Социальный виджет Одноклассники

Для того, чтобы получит код виджета Одноклассники вам можно сразу посетить эту страницу: социальные виджеты api - https://apiok.ru/wiki/pages/viewpage.action?pageId=42476655 или зайти в свою группу и в футере страницы нажать ссылку "Разработчикам":

Одноклассники разработчикам

Одноклассники. Футер страницы

Затем, вы попадёте на страницу возможности API. И в первой колонки кликаете "Социальные виджеты":

Одноклассники API

Одноклассники возможности API

После этого, откроется страница с настройками социального виджета Одноклассники:

Виджет одноклассники

Настройки виджета Одноклассники

Здесь, по умолчанию отображается официальная группа Ок. С настройкой ширины и высоты виджета, это всё понятно, нам главное нужно знать ID вашей группы на Одноклассниках. ID группы узнать очень просто, надо зайти в свою группу и в адресной строке браузера вы увидите цифры:

ID группы Одноклассники

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

А также, свой ID группы на Одноклассниках вы в любой момент сможете узнать, нажав на "Настройки" под главной фотографией:

Настройки группы

Настройка группы на Одноклассниках

и в конце списка основных настроек вы увидите пункт ID вашей группы на Одноклассниках:

ID группы Одноклассники

ID вашей группы на Одноклассниках

И так, копируете индивидуальный номер вашей группы и вставляете его в настройках виджета Одноклассники - раздел ID группы (выделено красным на скриншоте выше). После этого, вы увидите, как будет выглядеть виджет вашей группы. Примерно вот так:

Одноклассники группа

Предварительный просмотр виджета Одноклассники

Если вас всё устраивает, тогда копируете код и вставляете его на свой сайт. Устанавливается данный виджет на боковую панель в Blogger, при помощи волшебного гаджета HTML/JavaScript, в WordPress при помощи виджета "Текст".

Вот, друзья, пожалуй и всё на сегодня. Очень надеюсь, вам сегодняшний урок будет полезен. Удачи вам и побольше пригласить участников в вашу группу на Одноклассниках. Пока, пока.