Skip to content

 

Как установить социальный плагин Блок Друзей от Facebook

социальный плагин фэйсбукДорогие друзья, читатели блога abramo8a.ru, наконец-то я выяснила как установить социальный плагин Блок Друзей от Facebook и установила его на свой блог. Сделала даже в двух вариантах: в сайдбаре и на странице с постом. Осталось выбрать где оставить.

Вы, наверное, неоднократно видели такой блок на различных блогах и сайтах и даже могли видеть свою фотографию, если когда-то нажимали кнопку Like (Мне нравится) в таких блоках.

Зачем нужен этот блок и как его создать? Сначала я думала что достаточно иметь аккунт в Facebook и можно создать такой блок. Но пройдя в раздел для разработчиков и пытаясь создать такой виджет, я потерпела фиаско. Не поняв в чём дело, я стала присматриваться к таким блокам на чужих сайтах и поняла, что этот блок ведёт не на страницу с аккаунтом, а на страницу, специально созданную для продвижения хоть сайта, хоть группы, хоть ещё чего другого. Точно также, как и в случае с виджетом для групп ВКонтакте.

Аккаунт в соц. сети Фэйсбук можно иметь любому человеку, независимо есть у него сайт или нет. Но если у вас есть интернет-ресурс, который вы хотите продвигать, вам не помешает такая страничка. Создаётся она быстро и даёт свою пользу. Такая страничка индексируется поисковыми системами, чтобы её просмотреть необязательно быть зарегистрированным пользователем и самое главное, что нам всем нужно, новые посетители и читатели

Чтобы создать подобную страничку, надо в своём аккаунте выбрать слева функцию Создать страницу. Выберите подходящий для ваших целей раздел, заполните его и если вы не хотите сразу уведомлять всех своих друзей, перейдите к 3 шагу.

социальный плагин

социальный плагин

Страница создана и теперь можно произвести некоторые настройки. Вы можете связать её с Твиттером, пригласить друзей и оповестить своих подписчиков о вашей страничке. Я пока не оформила полностью страницу, никого не оповещала 🙂

Чтобы создать Блок друзей для размещения на своём сайте, нажмите на кнопку № 4 и создайте свою Like Box.

социальный плагин фэйсбук

Чтобы вставить адрес своей созданной страницы, перед переходом на страницу по созданию виджета, скопируйте в адресной строке этот адрес, он будет выглядеть примерно так http://www.facebook.com/pages/abramo8aru/203705376382304?created, чтобы вставить его как показано в нижеследующем скриншоте. А если не торопитесь, то можете в редактировании создать адрес такого типа https://www.facebook.com/abramo8a.ru. Только помните изменить название страницы будет невозможно и поэтому хорошо подумайте о её названии в самом начале.

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

социальный плагин фэйсбук

Первую часть кода надо вставить в шаблон Одиночная запись (single.php) в Панели инструментов-Дизайн-Редактор. В идеале он вставляется сразу после открытия тега <body> или <?php the_content(”); ?>.

социальный плагин

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

Перед установкой кодов не забудьте сделать копию шаблона!

Кроме этого я добавила этот второй код в сайдбар. Взяла виджет Текст в разделе Виджеты, перетащила его в боковую панель и вставила код. Правда, изменила размер ширины. Хоть в настройках и написано, минимальная ширина 292 пикселя, у меня сайдбар на 200 пикселей. Я и установила 200 <... data-width="200" ...>. Всё нормально работает. Также можете впоследствии подогнать ширину виджета, если вы его решите установить в шаблоне single.php.

Насколько я знаю, есть специальные плагины для установки этого виджета, например, Facebook Like Box и Facebook Like Box Widget. Но я не хочу лишних плагинов и нагрузки на сервер.

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

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

Раздел правила приема грузов к перевозке. Курсы ландшафтного дизайна в спб ландшафтный дизайн спб курсы dryad-s.ru.

31 комментарий

  1. Татьяна Зорина:

    Как раз то, что мне нужно! Я тоже давно присматривалась к такому блоку. Даже в ежедневник
    записала — найти. Вы облегчили мне поиски. Спасибо!

    Поздравляю ВАС с наступающим Новым Годом! Желаю Вам огромного творческого вдохновения
    и приличного за это 🙂 вознаграждения!

    • Ольга Абрамова:

      Танечка, большое спасибо! И Вас тоже с Новым Годом! Хорошего настроения и успешного блогерства 🙂

  2. Вячеслав:

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

    • Ольга Абрамова:

      Вячеслав, поменять шапку блога зависит от шаблона темы вашего сайта. Везде по разному. Рекомендую почитать этот пост http://abramo8a.ru/manual/vstavka-kartinki-v-shapku-bloga, возможно это Ваш случай. Другим способом картинку можно загрузить через Панель управления-Медиафайлы.

    • Ольга Абрамова:

      Стрелку по поиску нашла в интернете, сохранила на компе, закачала на сайт и ссылку вставила в код формы.

  3. Александр Василенко:

    Я не ставил такой модуль, друзей у меня не очень много и не хочу уводить посетителей со своего сайта.

    • Ольга Абрамова:

      Александр, а почему уводить? Ведь в соц.сети статьи не прочитаешь. Только первичная информация.

  4. Вера:

    Какая Вы умничка!Огромное Вам Спасибо!!!

    • Ольга Абрамова:

      Вера, пожалуйста 🙂 Будут вопросы, спрашивайте.

  5. Марина:

    Спасибо, попробую установить у себя.

    • Ольга Абрамова:

      Марина, ВЫ молодец. Оперативно действуете. Только Вам можно его чуть пошире сделать или выравнять по центру. Заключите код в виджете в теги < center>< / center> без пробелов.
      Но Ваш сайт долго грузился и в итоге вообще выдал ошибку, не смогла даже кнопки понажимать 🙁

    • Марина:

      Спасибо, Оля! Попробую пошире сделать. Я сама не могла качественно работать с утра.

  6. Лина:

    Спасибо большое за информацию, я тоже думала сделать для себя, но не знала как. Теперь обязательно!
    С наступающим, счастья и удачи в новом году!

    • Ольга Абрамова:

      Лина, пожалуйста. И Вас тоже с Новым Годом! Море счастья и успеха 🙂

  7. Юрий:

    Ольга интересный плагин, надо воспользоваться, дополнительный трафик с социальных сетей нужен тоже. Спасибо за плагин.

    • Ольга Абрамова:

      Юрий, пожалуйста. С Новым Годом! 🙂

  8. Марина:

    Ольга, все прошла и получила код кнопки, установила в виджетах текст с кодом в сайтбар, но сам плагин не виден в сайтбаре страницы. Никак не пойму, в чем ошибка.
    Ура! Все получилось. Правда пришлось перечитать несколько раз Ваш пост, но главное — все плагин установлен. Спасибо.

    • Ольга Абрамова:

      Марина, пожалуйста.
      Главное не торопиться 🙂

  9. Милица:

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

    • Ольга Абрамова:

      Милица, я стараюсь, но всё равно кажется, так всё медленно получается 🙂 Но видно, это моё субъективное мнение о себе.
      Большое спасибо за поздравление. Примите и от меня от всей души поздравление с Новым Годом! Здоровья всем, Вам успехов в продвижении блога 🙂

  10. Сергей:

    Оля, большое спасибо за информацию.

    С Новым годом!

    • Ольга Абрамова:

      Сергей, пожалуйста.
      С Новым Годом! Счастья и успеха! 🙂

  11. yaural:

    Спасибо за модуль и пояснения. Установил себе, лишним не будет. Только размер тоже не подгоняется под мой сайдбар.
    С Наступающим!!!

    • Ольга Абрамова:

      Спасибо, и Вас тоже с Новым Годом! 🙂

  12. Лариса:

    Здравствуйте, Ольга! С Новым Годом! Успехов Вам В делах,удачи и отличного здоровья!
    Оль, подскажите пожалуйста поточнее,1) где в аккаунте фейсбук раздел «создать страницу», не могу найти почему-то ?
    Спасибо.

    • Ольга Абрамова:

      Лариса, большое спасибо за поздравление 🙂
      Создать страницу смотрите слева в перечне функций на вкладке Главная. Вкладку смотрите вверху справа.

  13. Влад:

    Спасибо, давно искал эту статью. С новым годом!

    • Ольга Абрамова:

      И Вам спасибо, Влад 🙂

  14. Дмитрий:

    Обязательно создавать эту страничку? Или можно как-то проще вставить такой виджет?

    • Ольга Абрамова:

      А куда он будет тогда вести, если не будет фан-страницы? Нет страницы, нет виджета. Это разработка Фэйсбука.