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

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

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

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/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime

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

avatar
12 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
5 Авторы комментариев
treantinctreantincabakarounsentyJanleF Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
JanleF
Гость

No Prescription Amoxicillin Cheap [url=http://apcialisle.com/#]cialis 5 mg best price usa[/url] 466 Primatene Mist For Sale Canada Cialis Rx List

JanleF
Гость

Propecia Half Hair Loss [url=http://apcialisle.com/#]cialis for sale[/url] Levitra Online Pharmacy online cialis Takin Benadryl With Cephalexin

JanleF
Гость

Ou Puis [url=https://apcialisle.com/#]Cialis[/url] Amoxicillin Online Without Cialis Propecia Posologia

JanleF
Гость

Amoxicillin For Dogs For Sale [url=https://buyciallisonline.com/#]buy cialis online india[/url] Sildenafil Online generic cialis no prescription Amoxicillin Cough Syrup And 100 Mg

JanleF
Гость

Precio Cialis Generico 20 Mg [url=https://cheapcialisir.com/#]Cialis[/url] Propecia Half Hair Loss Cialis Cytotec For Miscarriage Dosage

JanleF
Гость

Kamagra Pharmacie Forum [url=https://buyciallisonline.com/#]buy viagra cialis online[/url] Come Prendere Il Cialis Cialis Acheter Viagra Net En Rouen

JanleF
Гость

Cheap Tretinoin [url=https://abuycialisb.com/#]Cialis[/url] 2ahr0cdovlzixni4xnz can i buy cialis online Comprar Cialis Foro Barato

unsenty
Гость

Generic Cialis Soft [url=https://cheapcialisir.com/]buy cialis online us[/url] Cialis Generique Site Serieux cialis order online viagra beto casella

unsenty
Гость

Generique Viagra Pas Cher En Lorient [url=https://cheapcialisir.com/]Cialis[/url] prix cialis 5mg cialis online reviews cialis vente libre canada

abakaro
Гость

levitra 10 precio [url=https://cheapcialisll.com/#]Cheap Cialis[/url] Phizer Viagra For Sale buy cialis generic online cheap Amoxicillin For Uti

treantinc
Гость
treantinc

Super Cialis Order [url=https://agenericcialise.com/]can i buy cialis online[/url] Levitra Ligne cialis professional Zithromax Skin Side Effects

treantinc
Гость
treantinc

Forum Cialis France Kakerent [url=https://bbuycialisss.com/#]cialis cheapest online prices[/url] fadiappept cialis female groongendodo Buy Cialis CaunninkCify Cialis 5 Giorni