Виджет (гаджет) друзей фан-страницы Facebook для сайта WordPress или блога на Blogger
Чтобы создать виджет (гаджет) фан-страницы, необходимо, чтобы она у Вас была. Как её создать, посмотрите в этой статье: “Как создать фан-страницу Facebook“.
А сейчас мы с Вами поставим на блог виджет (гаджет) друзей созданной фан-страницы.
Зачем он нужен? Вы пишете на своем блоге интересные и полезные статьи. Посетитель Вашего блога, заинтересовавшись Вами, возможно, захочет посмотреть на другие Ваши ресурсы, в том числе и на Вашу фан-страницу.
Ему не надо ее искать, он может зайти на нее прямо с Вашего блога, он может нажать «Мне нравится» сразу же здесь, в виджете (гаджете).
Чем больше человек нажмет на эту кнопку, тем лучше для Вашего бренда, для продвижения Вашего блога, так как, как я уже писала, поисковики индексируют фан-страницы наравне с блогами.
Итак, создаем виджет (гаджет)
Заходим по этой ссылке.
Попадаем на страницу Page Plugin.
Сначала видим образец виджета, под ним форма, которую надо заполнить. А под формой превью уже нашего виджета.
Заполняем форму, ставим-убираем галочки и наблюдаем за изменениями виджета. Оставляем тот вариант, который нас внешне больше устраивает:
Значения полей в форме:
- 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 для сайта, закончилась.
С уважением, Нина Жуперина
Комментарии
Очень полезная заметка, спасибо! Очень пригодилась!
Очень рада! А у вас интересный блог
Блин пока разобрался попытки кончились. Попробуем позже.
Какие попытки?
Не становится
Наверно, Вы что-то неправильно сделали, хотя, вроде, все просто. У меня стоят на сайтах, значит, становятся. Например, здесь: http://vkusnyatinki.ru/
смотри как Я ставлю разные виджеты коды и все норм а этот сбоку прозрачная полоса и подписка аж под счетчико во всю длину сайта
при создание виджета мне пишет, Ошибка: недействительный URL-адрес Страницы Facebook. Хотя страница вот, вполне Рабочая http://www.facebook.com/groups/620852384751007/, что я делаю не так?
Потому что это у Вас не страница, а группа. Это совсем разные вещи. Прочитайте у меня пост как создать фан-страницу: /kak-sozdat-fan-stranicu-facebook.html
Все, Нина, убедили.
Буду делать фанстраницу и виджет. Если что, обращусь за помощью.
А я сильно убеждала?
Но решение правильное!