1

Тема: ОК для сайтов Кнопка "Класс" / "Поделиться" Виджет группы

https://apiok.ru/ext/group

ОК для сайтов
Кнопка "Класс" / "Поделиться"
Виджет группы
Виджет публикации
Виджет контента
Виджет видео
Виджет приглашения и рекомендации игр
OAuth авторизация
Разработка
Игровая платформа
Помощь
Виджет группы
При помощи данного виджета можно рекламировать вашу группу на Одноклассниках. Он позволит посетителям вашего сайта присоединиться к ней буквально в один клик.

Ваша группа должна быть открытой для вступления.

Настройка виджета
ID группы   
50582132228315
Ширина                
Высота            
Тип     Участники  Лента
Результат


<div id="ok_group_widget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "https://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertGroupWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_group_widget","50582132228315",'{"width":250,"height":285}');
</script>
Как получить ID своей группы:

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

!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "https://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {onOkConnectReady()}, 0);
    }
  }}
  d.documentElement.appendChild(js);
}(document);
function onOkConnectReady() {
  OK.CONNECT.insertGroupWidget("mineGroupWidgetDivId","50582132228315","{width:250,height:335}");
  OK.CONNECT.insertShareWidget("mineShareWidgetDivId","https://apiok.ru","{width:125,height:25,st:'oval',sz:12,ck:1}");
}
Событие на странице, встроившей виджет, можно отследить следующим javascript кодом:

function listenForShare() {
    if (window.addEventListener) {
        window.addEventListener('message', onShare, false);
    } else {
        window.attachEvent('onmessage', onShare);
    }
}

function listenForJoin() {
    if (window.addEventListener) {
        window.addEventListener('message', onJoin, false);
    } else {
        window.attachEvent('onmessage', onJoin);
    }
}

function onShare(e) {
    var args = e.data.split("$");
    if (args[0] == "ok_shared") {
        alert(args[1]);
    }
}

function onJoin(e) {
    var args = e.data.split("$");
    if (args[0] == "ok_join") {
        alert(args[1]);
    }
}

listenForShare();
listenForJoin();