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

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

Данный виджет выглядит так…

www.prog-time.ru

Для того чтобы разместить этот виджет на свой сайт, мы переходим на сайт API от Одноклассников – https://apiok.ru/ext/group

После этого мы выбираем нужный для нас виджет, а именно “Виджет группы”.

Дальше все очень просто. Вначале мы редактируем блок группы. www.prog-time.ru

Здесь вы вписываете адрес страницы сообщества и ставите флажки, указывая размеры виджета.

Как получить ID своей группы:

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

Далее мы копируем получившийся скрипт и вставляем его в код своего сайта.

Эту часть мы вставляем внутрь тега body, в место где собираем разместить в виджет.

www.prog-time.ru

Все остальное мы копируем и вставляем внутрь тега head.

www.prog-time.ru

Вот что получилось у меня.

www.prog-time.ru

www.prog-time.ruНа этом всё!

Если у вас есть вопросы, пишите их в нашей группе – https://vk.com/prog_time

В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.

Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи – https://vk.com/prog_time

Так же прокачивайте свой навык на практике на нашем канале

https://www.youtube.com/c/ProgTime

Практика по js

Рекомендованные

 

Вам также будет интересно

 

 

Оставить комментарий

avatar
  Подписаться  
Уведомление о