Авторизация:
Имя:

Пароль:

Поиск по сайту:

Последнее на сайте:

Подписка на новости

Введите Ваш email:

Пример баннера 300х250


Разделы:

рейтинг статьи: 5/5; голосов: 8; комментариев: 0

Главная > Создание сайта > Как добавить виджет комментарии Facebook на сайт. Решение проблемы их размещения

25.06.2018

Как добавить виджет комментарии Facebook на сайт. Решение проблемы их размещения

Добрый день, дорогие друзья. Я когда вставил комментарии ВКонтакте на сайт, то был восхищен полученным результатом. Ни то чтобы ко мне толпами побежали люди комментировать мою писанину, просто, как я смог облегчить жизнь многим своим посетителям. И тут меня понесло, а почему бы не подсобить пользователям Фейсбук? Захотел добавить подобный виджет от Facebook, не хотел писать инструкцию, но когда начал разбираться в этой теме, то понял, что все намного сложнее, чем в VK, и у людей возникают определенные проблемы. Нельзя просто взять и вставить комментарии Facebook на сайт, а именно сгенерированный код, а нужно заморочиться и потрепать нервы! Зачем? – хочется спросить у разработчиков. Но, обо всем по-порядку.

Как вставить виджет комментарии Facebook на сайт

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

1. Переходим на страницу для разработчиков

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

2. Настраиваем генератор кода

Настройка виджета комментарии Facebook

  1. Указываем адрес для комментов
  2. Ширину формы на странице
  3. Количество публикаций, которые будут отображаться
  4. Нажимаем «Получить код»

3. Вставляем полученный код

Вставка кода виджета комментариев Facebook

Здесь, как и ВК, нужно первую часть вставить в <head>…</head>, а вторую туда, где хотите вставить комментарии Facebook. Честно говоря, я не заморачивался, обе части одной кучей вставил туда, где хочу видеть комменты посетителей, и все заработало.
PS
. На скрине написано Step1, Step 3, а где находится Step 2 (второй шаг)?

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

Как сделать для каждой страницы свои комментарии

Для этого во второй части кода ищем такое выражение data-href="адрес страницы". В кавычках вы указали адрес, как требовала форма для создания виджета комментарии Facebook, описанная выше. В таком случае, вы явно указали местоположение комментов, поэтому система уверена, что код установлен только для одной страницы, а не для всего шаблона и будет собирать комментарии со всего сайта в одну форму. Получается, что где бы вы не написали коммент, он будет отображаться везде.

Для каждой страницы уникальный комментарий Facebook

Чтобы этого избежать, в параметре data-href не нужно указывать явный адрес. Просто оставляйте кавычки пустыми. Вот так: data-href="". В этом случае будет автоматически генерироваться адрес страницы, на которую зашел посетитель и оставил коммент. Система запомнит сгенерированный адрес и сохранит именно для него этот коммент. В результате получится, что каждая страница будет иметь уникальный комментарий Facebook.

Как научиться администрировать комментарии Facebook на сайте?

Это еще одна проблема, с которой сталкиваются пользователи. Как помните, ВКонтакте предлагает встроенную систему модерации комментов. Ваша задача просто настроить и установить виджет от VK, без всяких дополнительных установок кодов, прав и так далее. Фейсбук не ищет легких путей. Чтобы стать администратором комментов, нужно совершить ряд действий.

1. Копируете адрес аккаунта в соцсети

Переходите на свою страничку в Фейсбук. В адресной строке браузера выделяете адрес и копируете его.

Копируете адрес аккаунта в Facebook

2. Получаете ID пользователя

Идем по . Вставляете в форму скопированный адрес, нажимайте кнопку «Find numeric ID». В результате получите набор цифр – ID пользователя Фейсбук. Копируете его.

Как получить ID пользователя Facebook

3. Добавляем мета-тэг

Вставляем полученный ID в мета-тэг: <meta property="fb:admins" content="10000663600122"/>. Идем в HTML-код сайта и помещаем этот тэг между <heade>…</head>. Таким образом, вы включили функцию модерации виджета комментарии Facebook.

 

Заключение

У меня сложилось впечатление, что разработчики FB не стремились облегчить жизнь вебмастерам. Все осложнили по максимум и просто вставить этот виджет в один присест не получиться. Кроме этого, в инструкции для разработчиков не описаны основные моменты, например получение ID пользователя Facebook, что затрудняет настройку виджета.

Недостатки:

  1. По умолчанию требуется настраивать плагин для каждой странице в отдельности

  2. Не полное руководство для разработчиков. Вебмастеру приходится искать ответы на вопросы при установке виджета на сторонних ресурсах

  3. Не все заявленные функции корректно работают. После включения возможности администрирования, как написано выше и по инструкции Фейсбук, внешний вид плагина у меня никак не изменился. Возможности модерации я не увидел.

Именно по этим причинам я отказался от его добавления на сайт. Предпочитаю один раз настроить плагин комментариев ВК, установить его и забыть про него.

Жду ваших замечание или предложений. Может, я что-то не досказал, или где-то увидели ошибку, прошу поправить меня. А в качестве благодарности делитесь этим обзором с друзьями. Всем удачи!!!

 

1831

Оцените статью:

1 2 3 4 5
рейтинг: 5/5; голосов: 8

Зарегистрируйтесь или войдите под своим именем чтобы оставить комментарий