Виджет фан-страницы 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 для сайта, закончилась.

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

Комментарии

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

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">