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

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

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

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

Начинаем регистрацию виджета для комментариев на этой странице. Настроек всего несколько – это адрес сайта, ширина виджета, количество комментариев, которые будут выводиться на странице (5 или 10 вполне достаточно) и цветовая схема (light подходит для большинства сайтов).

Затем жмем Get Code и в всплывающем окне получаем код, который нужно добавить на сайт.

Здесь так же как и для комментариев ВКонтакте необходимо две части кода поместить в разные места: код из первого блока поместить после открывающегося тега <body> (на сайтах на CMS WordPress чаще всего код нужно поместить в файл header.php после открывающегося тега <body>), а код из второго блока скопировать в код своего сайта в то место, в котором будет выводиться виджет с комментариями Facebook (на сайтах на CMS WordPress чаще всего этот код нужно поместить в файл single.php).

Важный момент! При копировании кода в файлы какой-либо CMS – нужно заменить параметр data-href во втором блоке (адрес сайта):

на код для постоянных ссылок своего сайта, для CMS WordPress это <?php the_permalink(); ?> , и получим такой код для второго блока, который нужно вставить в место вывода виджета для комментирования:

Для DLE код для виджета комментариев Facebook выглядит так:

Для Drupal код для виджета комментариев Facebook такой:

Итак, коды установлены на сайт, теперь нужно предоставить права администратора для пользователя Facebook.

Для того, чтобы предоставить права администратора к виджету комментирования, нужно в head – перед закрывающимся тегом </head> добавить мета-тег:

, где – это ID пользователя, которому предоставляются права администратора, этот ID можно скопировать в адресе своей страницы:

Если же у вас используется такой формат вывода адреса своей страницы https://www.facebook.com/dencreative , тогда нужно скопировать адрес своей страницы и вставить его в поле на сайте http://findmyfbid.com/, нажать на кнопку “Find numeric ID →”, тогда вы получите свой ID:

Мой ID – 100001696632339. Для того, чтобы назначить меня администратором, достаточно поместить в head такой мета-тег

Важный момент – для того, чтобы назначить несколько администраторов для комментариев, нужно для каждого админа создавать свой мета-тег, то есть нельзя в один мета-тег поместить несколько ID.

Неправильно:

Правильно:

Важно! Панель модератора в комментариях появится только после того, как кто-то оставит комментарий на сайте.

После всех манипуляций получаем на сайте красиво оформленный виджет комментариев для Facebook:

Рабочий пример доступен на сайте http://mariakuhtina.com/

Рекомендую к прочтению:

Комментарии (43) к “Как установить на сайт виджет для комментариев Facebook” Игорь

Я лично web-ratings.ru/webmasters виджет стал юзать. Плюс в том что он простой + отзывы отображаются сразу на странице (не переходя на сторонний сайт).

Владимир

Доброго дня! Подскажите как это встроить в WPMU? И как встроить в адаптивную тему? То есть, что бы и форма стала адаптивного дизайна. Заранее благодарю за любую помощь!

Сергей Грицюк

Для Worpress в data-href я просто добавил адрес сайта без php. Для появления в виджете на блоге Интерфейса модератора для возможности администрировать комментарии мне пришлось создать новое приложение и в fb:app_id в хедере прописать его ID. ID профиля в fb:admins в хедере так же нужен. Код вывода комментариев вставлял в comments.php в нужное место, под код вывода комментариев нужно добавить код свежесозданного приложения. После добавления первого комментария появляется Интерфейс модератора. Другие танцы с бубном не помогали. Актуальных инструкций на данный момент Гугл не выдал. Большинство из них – 2011-2012 года. А с тех пор много воды утекло…

Denis Creative

Для простого редактирования достаточно этих действий. Для модерирования всех комментариев сайта действительно нужно создать новое приложение и в fb:app_id в хедере прописать его ID, но больше нигде его добавлять не нужно. В поле data-href обязательно нужно указать адрес страницы, а не адрес сайта.

Анатолий

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

Denis Creative

Администрирования комментариев как такого нет, вы можете просто просматривать все комментарии к сайту, скрывать ненужные комментарии, но редактировать текст в чужих комментариях не получится. Для того, чтобы видеть панель модератора, нужно создать новое приложение и в fb:app_id в хедере прописать его ID, подробнее про этот момент здесь.

Андрей

” Важный момент! При копировании кода в файлы какой-либо CMS — нужно заменить параметр data-href во втором блоке (адрес сайта):”

Скажите, пожалуйста, какой код нужен для cms Joomla. Нигде не могу найти, перерыл уже очень много сайтов форумов и блогов…

Заранее благодарен за ответ.

Denis Creative

Возможный код для вывода текущей страницы для CMS Joomla:

Нужно проверить на рабочем сайте, проверял на локальном сервере, вроде бы работает.

Никита Сизов (Nick de Golden)

Насчёт data-href есть один вопрос: мною был заменён адрес сайта не на , а на адрес страницы, для которой нужны комментарии Фейсбука. Например: site.ru . Код из второго блока я буду вставлять на каждую страницу по отдельности. Нормально так будет?

А за статью моя Вам огромная благодарность! Очень подробно и понятно всё описано, как я и хотел! :)

Denis Creative

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

Пожалуйста, хорошо, что статья полезна для людей.

FreeWebmaster

Материала свежего по установке комментариев Facebook на сайт нет. Пришлось додумывать самостоятельно. На Blogger, так вообще код не сохранялся. blogger.freewebmaster.info/2015/05/kak-ustanovit-v-Blogger-kommentarii-Facebook.html

Плагин на сайте непонятно глючит, галочка на чекбоксе трансляции комментов в профиль не стоит по умолчанию, а если поставить, то коммента в профиле всё-равно нет. promotion.freewebmaster.info/2015/05/kak-ustanovit-na-sayt-kommentarii-Facebook.html

С модерацией тоже всё убого, нельзя удалить комментарии, а можно только их скрыть. promotion.freewebmaster.info/2015/05/moderatsiya-kommentariyev-sotsialnogo-plagina-Facebook.html

Если есть советы, оставляйте коменты. Да…с вконтакте нет такого геморроя. Вот я думаю, если нет перепоста в профиль и нахрена мне этот плагин

Павел

Комментарии обязательно нужно размещать на своем сайте для увеличения интереса, повышении позиции на поиске, и это влияет на продажи (если сайт коммерческий)! Я бы советовал для повышения конверсии установить CallBack, (обратная связь, виджет) — LeadMeBack.com Я использую этот сервис обратного звонка CallBack, в среднем на 3 интернет-магазинах увеличилось количество звонков и конверсия примерно на 30-40%. С помощью CallBack от сервиса LeadMeBack.com можно добиться хороших результатов, – считаю, что использование системы комментирования, скрипта или формы обратной связи (обратный звонок callback), а также контекстной рекламы в совокупности дает очень, очень большой поток клиентов. Если кому-то интересно по этому поводу спросите у меня — vk.com/i.love (моя страница в ВК). Спасибо за статью!

Приложение не обязательно создавать для этого? Указал админа как в примере, но админских прав учетка не плучила.

📎📎📎📎📎📎📎📎📎📎