Виджет фан-страницы Facebook для сайта

Виджет (гаджет) друзей фан-страницы Facebook для сайта WordPress или блога на Blogger

виджет фан-страницы facebook

Чтобы создать виджет (гаджет) фан-страницы, необходимо, чтобы она у Вас была. Как её создать, посмотрите в этой статье: «Как создать фан-страницу Facebook«.

А сейчас мы с Вами поставим на блог виджет (гаджет) друзей созданной фан-страницы.

Зачем он нужен? Вы пишете на своем блоге интересные и полезные статьи. Посетитель Вашего блога, заинтересовавшись Вами, возможно, захочет посмотреть на другие Ваши ресурсы, в том числе и на Вашу фан-страницу.

Ему не надо ее искать, он может зайти на нее прямо с Вашего блога, он может нажать «Мне нравится» сразу же здесь, в виджете (гаджете).

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

Итак, создаем виджет (гаджет)

Заходим по этой ссылке.

Попадаем на страницу Page Plugin.

Сначала видим образец виджета, под ним форма, которую надо заполнить. А под формой превью уже нашего виджета.

Заполняем форму, ставим-убираем галочки и наблюдаем за изменениями виджета. Оставляем тот вариант, который нас внешне больше устраивает:

Виджет Facebook для сайта

Значения полей в форме:

  • Facebook Page URL — адрес страницы Facebook, для которой Вы создаете виджет.
  • Width — ширина модуля в пикселях.  Надо будет смотреть по ширине сайдбара Вашего сайта (или по ширине того места, куда Вы его определите).
  • Tabs — определяет, следует ли отображать поток «Последние сообщения» со стены фан-страницы, либо события или сообщения.  Здесь я оставляю пустое место, не хочу, чтобы что-то из этого отображалось.
  • Height — высота модуля в пикселях. Подбирайте по своему желанию и месту установки.
  • Use Small Header — определяет, какова будет верхняя часть модуля.
  • Hide Cover Photo — определяет, показывать или скрывать обложку страницы
  • Adapt to plugin container width — нужно поставить галочку, тогда виджет должен адаптироваться к ширине контейнера, — думаю, это будет важно для мобильного трафика.
  • Show Friends’ Faces — определяет, следует ли отображать фотографии друзей в модуле. Мне нравится, когда фото отображаются. Это оживляет данный модуль.

Установив все значения, нажимайте Get Code.

Во всплывающем окне Вы получите две части кода, которые нужно будет вставить в шаблон своего блога. Как сказано в пояснении, идеально правильно будет первую часть установить сразу после тега <body>, а вторую в то место, где будет стоять наш виджет.

Мы сделаем тоже правильно: обе части кода объединим, и вставим в виджет (гаджет) сайдбара.

Как установить виджет на блог WordPress, я писала здесь. А как добавить гаджет на блог Blogger — здесь.

Небольшое уточнение: несмотря на то, что я в поле Tabs всё удалила, на сайте в виджете показывалась лента публикаций. Посмотрите, может, Вам так понравится. Но я решила идти до конца и убрать её из виджета. Для этого во второй части кода я поправила значение одного параметра (сразу после URL Вашей страницы):

  • было: data-tabs=»timeline»
  • стало: data-tabs=»false»

Установленный по этому описанию виджет можно посмотреть на этом сайте.

На этом небольшая инструкция, как создать виджет (гаджет) фан-страницы Facebook для сайта, закончилась.

С уважением, Нина Жуперина

Виджет фан-страницы Facebook для сайта: 11 комментариев

  • 12 мая 2016 в 18:47
    Permalink

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

  • 28 мая 2016 в 16:32
    Permalink

    Блин пока разобрался попытки кончились. Попробуем позже.

    • 29 мая 2016 в 13:00
      Permalink

      Наверно, Вы что-то неправильно сделали, хотя, вроде, все просто. У меня стоят на сайтах, значит, становятся. Например, здесь: http://vkusnyatinki.ru/

  • 29 мая 2016 в 18:08
    Permalink

    смотри как Я ставлю разные виджеты коды и все норм а этот сбоку прозрачная полоса и подписка аж под счетчико во всю длину сайта

  • 30 августа 2016 в 19:07
    Permalink

    Все, Нина, убедили. 🙂 Буду делать фанстраницу и виджет. Если что, обращусь за помощью.

    • 12 сентября 2016 в 20:44
      Permalink

      А я сильно убеждала? 🙂 Но решение правильное!

Обсуждение закрыто.