Всем привет, сегодня я вам расскажу как добавить виджет группы из одноклассников на свой сайт. Виджет группы это блок, который вы можете разместить на свой сайт и по нему ваши пользователи смогут переходить на вашу группу из одноклассников. При помощи данного виджета можно рекламировать вашу группу на Одноклассниках. Он позволит посетителям вашего сайта присоединиться к ней буквально в один клик.
Данный виджет выглядит так…
Для того чтобы разместить этот виджет на свой сайт, мы переходим на сайт API от Одноклассников — https://apiok.ru/ext/group
После этого мы выбираем нужный для нас виджет, а именно «Виджет группы».
Дальше все очень просто. Вначале мы редактируем блок группы. 
Здесь вы вписываете адрес страницы сообщества и ставите флажки, указывая размеры виджета.
Как получить ID своей группы:
- Вы должны быть администратором группы.
- Зайдите в свою группу.
- Слева под аватаркой группы в меню есть опция “изменить настройки”. Выберите ее.
- Внизу открывшейся страницы найдите надпись “ID этой группы на Одноклассниках:”.
- Скопируйте указанный ID и подставьте его в код встраивания виджета.
Далее мы копируем получившийся скрипт и вставляем его в код своего сайта.
Эту часть мы вставляем внутрь тега body, в место где собираем разместить в виджет.
Все остальное мы копируем и вставляем внутрь тега head.
Вот что получилось у меня.
