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

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

Ведь для продвижения/рекламирования своего веб-ресурса надо использовать социальные сети по максимуму, будь то Google Plus, Facebook, Вконтакте и другие популярные соцсети. А возможности у нас такие: создать страницы для своих сайтов на Google+, 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 при помощи виджета "Текст".

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *