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







 

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

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

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

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

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

 

 

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

 

 

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

 

 

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

 






 

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

 

 

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

 

 

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

 

 

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

 

 

 

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

 

 

Копируем код

 

 

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

 

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

 

 

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

 

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

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

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

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

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

 


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






  

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



 


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


 










На ту же тему
Обсуждение: 18 комментариев
  1. Хорошая статья. Спасибо автору.

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

  3. Денис:

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

  4. Татьяна! Спасибо огромное за полезный урок! Все получилось! Виджет установился прекрасно!)))

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

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

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

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

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

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

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

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

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

  10. Владимир:

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

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

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

Свежие записи
Как снизить нагрузку на CPU хостинга cайта вордпресс
Как снизить нагрузку на CPU хостинга cайта вордпресс
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Free Traffic Club — бесплатная реклама в Фейсбук
Free Traffic Club — бесплатная реклама в Фейсбук
Как правильно установить Savefrom net для Google Chrome
Как правильно установить Savefrom net для Google Chrome
≡ 
 А вам подарок
смартреспондер
Дешевый хостинг
Интернет технологии для вас © 2016 ·   Войти Наверх