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







 

Здравствуйте уважаемый посетитель. Если у вас есть группа в социальной сети Одноклассники и сайт. То эта статья для вас, я покажу вам как просто поставить виджет из группы к себе на сайт.

Для чего он нужен? Во-первых, посетители смогут увидеть чем вы ещё занимаетесь и какие у вас интересы.

Во-вторых, они могут вступить в вашу группу. А всем известно, что  некоторые пользователи интернета просто не любят выходить за пределы любимой соцсети.

Им так удобнее, может не очень хорошо ориентируются в сети, а может ещё по какой-то причине. И если они присоединятся к группе, то смогут узнавать все новости, которые вы публикуете на своём веб-ресурсе. И конечно же будут заходить к вам, уже из группы.

А теперь приступим к установке виджета. Сделать это можно даже не заходя на Одноклассники. Найдите на моём блоге,  в сайдбаре виджет из ОД, и кликните на ссылку Получить виджет. Вы сразу попадёте в приложение, где можно создать его

 

 

Либо, заходим в соцсеть, идём вниз. И нажимаем на слово Разработчикам

 

 

Вас перекинет на страничку где нужно нажать Социальные виджеты

 

 

Помещаем ID группы

 






 

Как найти ID группы. Переходим в группу. Жмём Изменить настройки

 

 

Прокручиваем страничку вниз. Находим ID, копируем

 

 

Возвращаемся на страничку, в которой настраиваем виджет для группы. И вставляем в нужное место скопированную цифру.

 

 

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

 

 

 

Или двигаем ползуночки, настраивая  по высоте и ширине

 

 

Копируем код

 

 

И вставляем его в режиме HTML в то место на сайте, где хотим его видеть. Если блог у вас на вордпресс. То вы можете поставить его в разделе Виджеты в сайдбар. Для этого выбираем в админ-панели соответствующий раздел

 

Выбираем Текст и перетаскиваем его на территорию сайдбара, туда, где хотим видеть его

 

 

И вставляем туда скопированный код

 

Сохраняем, переходим на сайт и видим там новый и красивый виджет.  Если вам не нравится как он стоит, то мы можем выровнять его по центру. Для этого код нужно заключить в теги <center> код </сеnter>

Если же вы хотите поставить его например перед или после каждого поста. Но в кодах копаться у вас нет желания или возможности. То предлагаю воспользоваться плагином Post Layot, статья здесь.

А сейчас предлагаю посмотреть видеоурок, там всё показано и рассказано более подробно

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

Вы можете прочитать другие  статьи,
для этого воспользуйтесь Картой сайта.
А также получать новые статьи прямо на Ваш почтовый ящик.
Введите свой E-mаil:

 


С Уважением, Татьяна Чиронова   






  

Сохраните пост к себе на стенку в соцсети



 


А здесь можно публиковать анонсы постов по теме:  


 










На ту же тему
Обсуждение: 17 комментариев
  1. Юлия:

    Хорошая статья. Спасибо автору.

  2. Елена:

    Спасибо, совершенно ничего сложного как оказалось нет, установила виджет группы к себе за пару минут, всё работает прекрасно!

  3. Денис:

    Я так понимаю, комментарии для OK пока реализовать не возможно?

  4. К сожалению произвольный размер задать не получается, а самый узкий заданный размер больше, чем мой сайдбар…Искала, где написать в поддержку-не нашла

    • Так вы свои размеры напишите, только что зашла и задала 100 на 100.
      А попробуйте с другого браузера.
      Если уж совсем никак, то в предпоследней строчке кода виджета, поставьте свои цифры (там, где у меня 100)
      Вот отрезок кода:
      }(document,»ok_group_widget»,»50582132228315″,»{width:100,height:100}»);

      width — ширина
      height -высота

  5. Евгения:

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

  6. Артём:

    Уже и одноклассники такую штуку замутили,
    стараются не отставать от контакта ))).

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

  7. А у меня не получается сделать центровку виджета ОК.
    И по левому краю тоже не получается .
    Может быть так, что это погрешности из-за темы ?

  8. Галина Петрова:

    Спасибо! также и на блогпосте можно поставить, принцип один! очень полезно! главное понять где его взять можно!

  9. Владимир:

    Спасибо Татьяна за подсказку! Установил виджет на блог! Буду разбираться как установить виджет на ряд соц. сетей который будет после каждого поста. Если поделитесь, буду благодарен.

    • Про остальные социальные сети я обязательно напишу статьи.
      А что касается установки после каждого поста, так я дала ссылочку на статью о плагине Post Layot. Он поможет вам поставить до или после статей и страниц любые коды, в том числе на рекламу или формы подписки.

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Отправляя комментарий, вы даете согласие на сбор и обработку персональных данных. Политика конфиденциальности

Интернет технологии для вас © 2019 ·   Наверх