Виджеты для групп вконтакте, facebook и одноклассников

Дек 14
14 декабря 2013

Vidzhety_vkontakte_i_facebookДоброго времени суток! Сегодня мы рассмотрим очередную полезность для нашего сайта – виджеты для групп vk.com, facebook и одноклассников.

Зачем нужны данные виджеты?

- Читатель может подписаться на вашу группу, публичную страницу и получать дополнительно важную информацию.

- Дополнительным стимулом для вступления служит отображение друзей в виджете, уже вступивших в сообщество.

Давайте рассмотрим как устанавливать виджеты:

Шаг 1. Устанавливаем виджет для группы vk.com.

Для начала, перейдем по ссылке и настроим виджет:

  • В первой строке прописываем ссылку на сообщество.
  • В пункте “Вид”, выберем , что будет отображаться: участники, новости или просто название сообщества. Внизу страницы, можно посмотреть как будет выглядеть ваш виджет.
  • Высоту и ширину настраиваете по своему усмотрению.
  • vk1

    Теперь необходимо установить созданный виджет группы на нашем сайте.
    Для этого то, что выделено черным цветом, необходимо разместить в файле Заголовок “header.php” (Админка- внешний вид- редактор).

    vk2

    Второй код, выделенный синим, разместите в админке- внешний вид- виджеты- текст.

    vk3

    Шаг 2. Устанавливаем виджет для фан-страницы facebook.

    Для этого переходим по ссылке и настраиваем параметры:

    fb1

  • Facebook Page URL - сюда вставляем адрес вашей фан-страницы. Для групп в facebook, к сожалению, такая функция не работает.

  • Widht, Height - это параметры ширины и высоты нашего виджета. Их можно пока не выставлять и позже подредактировать (изменив «width:» и «height:» в полученном коде).
  • Color Scheme - можно выбрать light- светлый или dark- темный фон виджета.
  • Show Friends' Faces - установленная галочка покажет фото тех людей, которым нравится ваша страница.
  • Show Posts - покажет последние оставленные записи страницы.
  • Show Header - покажет или скроет заголовок виджета.
  • Show Border- покажет границы виджета (рамку).
  • Далее формируем код, для этого нажимаем на «Get Code», и в открывшемся окне выберем вкладку «IFRAME».

    fb2Теперь выделим и скопируем полученный код и вставим его в виджеты, также как и виджет группы vk.com.

    Шаг 3. Устанавливаем виджет для группы в одноклассниках.

    По просьбе моей читательницы, решила дополнить материал еще и виджетом для одноклассников. Тут все также очень просто.

    Заходим в свою группу в одноклассниках, в левой боковой колонке нажимаем "изменить настройки" и спускаемся ниже

    odnoklassniki1

     

    Внизу страницы нам нужно скопировать ID группы

    odnoklassniki2

    После того, как скопировали, перейдем на страницу создания виджетов

    На этой странице в поле ID группы вставляем скопированные ранее цифры и при желании меняем размеры нашего виджета

    odnoklassniki3

    И в заключении копируем полученный код(начиная с script) и вставляем в необходимое место на сайте.

    odnoklassniki4

    Поздравляю! Теперь вы знаете как привлечь дополнительный трафик на ваши ресурсы в соц.сетях.

    И конечно, приглашаю вас в свою группы vk.com и facebook. Присоединяйтесь и будьте успешными!

    С Вами была, Наталья Акулова

    P.S. Как вам статья? Советую быть в курсе всех новых событий, чтобы не пропустить важную информацию и поучаствовать в конкурсах


    СПАСИБО ЗА РЕПОСТ, ДРУЗЬЯ:  

    17 комментариев к “Виджеты для групп вконтакте, facebook и одноклассников”

    1. Спасибо за статью. Я уже об этом читал на сайте Алексея Лукьянова, но там что касается Facebook изложено намного сложнее и труднее осуществимо. Полезная статья, еще раз спасибо.

      [Ответить]

      Наталья Акулова Reply:

      Александр, пожалуйста. Пишу так, чтобы было понятно всем

      [Ответить]

      Василий Цубера Reply:

      Это заметно , я иногда читаю статьи, и никак не могу понять. Ну не понимаю неужели так сложно описать подробно

      [Ответить]

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

      [Ответить]

    3. Роман:

      Спасибо Наталья за урок. Ваша идея мне очень нравится. Теперь займусь постановкой виджета на свой блог.
      :shock:

      [Ответить]

    4. Сергей:

      Тоже себе установил от вк, думаю и посетителям легко писать комменты и блогу полезно)

      [Ответить]

    5. Андрей:

      Наталья, здравствуйте! У меня тоже стоит виджет от контакта, но я код поместил полностью в сам виджет и не куда просто не прописывал, а вставил целиком. Но главное, что он работает. К чему такие сложности?

      [Ответить]

    6. Андрей:

      Наталья! Подскажите пожалуйста, а зачем верхнюю часть надо прописывать в коде. Лично я это делал вот так , статья (Виджет для сети В Контакте) и ни чего не прописывал. С уважением Андрей.

      [Ответить]

      Наталья Акулова Reply:

      Главное, что работает! А так по правилам)

      [Ответить]

    7. А есть статья как установить виджет от Одноклассников? У меня с Фейсбуком отношения не складываются. Не раскрыла для себе еще потенциал Фейсбука по раскрутке сайта((

      [Ответить]

      Наталья Акулова Reply:

      Марина, я посмотрю информацию. Мне кажется все возможно

      [Ответить]

    8. Лина:

      Наталья, спасибо за полезную статью! Если есть группы в соц.сетях, то виджеты на сайте просто необходимы. У меня группа только вКонтакте и первоначально выставить виджет мне было не очень легко. Хотя для кого-то это пустяк.

      [Ответить]

    9. Ставила на своем блоге виджеты Контакта и Фейсбука, недавно сделала социальную карусель, чтобы все водном месте было. Но мне кажется, карусель долго грузится

      [Ответить]

    10. У меня тоже была группа в контакте, было там не много людей. А недавно решил её переделать под один проект. Начал редактировать, промучился часа два, а её взяли и заблокировали. Я написал в службу поддержки, а ответили, что сейчас блокируют все группы которые ссылаются на какие то биржи накруток и так далее. Обидно конечно было. Сейчас вот тоже думаю сделать группу для своего сайта. Пока только у меня стоит форма для комментариев. :???:

      [Ответить]

      Наталья Акулова Reply:

      Александр, да, накрутку не приветствуют. Нужно ооочень осторожным быть. Да и за резкую смену тематики тоже бан

      [Ответить]

    11. Информация устаревшая, по крайней мере для фейсбука. Актуальна именно для страниц, а не для групп. Для групп выдает ошибку.

      [Ответить]

      Наталья Акулова Reply:

      Андрей, дак и статья не новая

      [Ответить]

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

    ;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

    (Правила комментирования)

    Каждому комментатору книга в подарок!

    Книга расскажет как повысить свою эффективность в деловой сфере и в отношениях с другими людьми