Информационный сайт




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

А теперь о том как подключить на свой сайт виджет комментариев Facebook. Здесь все делается аналогично, как и с комментариями Вконтакте. Но по сравнению с комментариями Вконтаете, подключить комментарии Facebook немного сложнее. Здесь есть свои особенности. Если вы там еще не зарегистрированы, то регистрируетесь и заходите на свою страницу. Но здесь есть некоторые нюансы.

Если в случае с комментариями В контакте достаточно настроить виджет, получить код, разместить его на своем сайте и комментарии на сайте сразу заработают, то в случае с комментариями Facebook если вы зададите параметры комментариев Facebook на странице плагина комментариев https://developers.facebook.com/docs/plugins/comments , и разместите полученный код на своем сайте, то с большей долей вероятности коммнтарии Facebook не будут работать, вы будете получать сообщение об ошибке.



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



И о том, что нужен идентификатор приложения тоже есть информация.



Оба этих кода нужно вставить в наш шаблон между тегами
Поэтому прежде чем создавать виджет комментариев Facebook сначала добываем эти два идентификатора. Начнем с идентификатора пользователя Facebook. Первоначально у каждого пользователя социальной сети был цифровой идентификатор. Если вы его не меняли, то когда вы находитесь в своем профиле видите в конце адресной строки браузера набор цифр. http://www.facebook.com/profile.php?id=123456789 Цифры в конце ссылки и есть ваш идентификатор пользователя. У вас соответственно будут другие цифры.

Но когда социальная сеть Facebook стала предлагать своим пользователям вместо номера желаемые идентификаторы, многие пользователи поменяли идентификаторы, и я в том числе тоже. У меня он выглядит так: http://www.facebook.com/tatyana.rodionovskaja Но если ввести желаемый идентификатор, а не номер, который был изначально, то опять же комментарии на сайте не будут работать корректно.

А дальше проделываем следующее:
Берем вот такую ссылку: https://graph.facebook.com/ и в конце ссылки добавляете свой идентификатор. У меня полная ссылка выглядит вот так: https://graph.facebook.com/tatyana.rodionovskaja. У вас все будет аналогично, только идентификатор будет ваш. Копируете эту ссылку, вставляете в адресную строку браузера, нажимаете "Enter" и получаете свой первоначальный идентификатор.



И так, идентификатор пользователя мы добыли. Теперь вставляем этот идентификатор вместо символов {YOUR_APPLICATION_ID}. Получаем чистый код с нашим ID. У меня он будет вот такой: У вас соответственно будут другие цифры. А теперь будем добывать ID приложения. Для этого вводим в адресную строку браузера вот такую ссылку: http://developers.facebook.com/setup
Вам будет предложено создать новое приложение. Нажимаете на зеленую кнопку в верхнем правом углу "Create a new APP"



Появляется всплывающее окно в котором нужно ввести название приложения и выбрать категорию.



И нажимаем кнопку "Создать приложение".
После этого нам будет предложено ввести защитный код.



Вводим защитный код и получаем такое сообщение:



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



После этого нужно будет заново создавать приложение. Для этого переходим по ссылке: https://developers.facebook.com/apps/ и и после того, как вы ввели ввели название приложения и капчу вы сможете увидеть свой Идентификатор приложения.



Далее идете в меню "Настройки" О в открывшейся форме привязываете виджет комментариев "Facebook" к своему сайту. В поле "App Domain" вводите домен своего сайта (без http, www) и нажимаете Enter. Вводите свой почтовый ящик.



Нажимаете на ссылку "Добавить платформу" и на открывшейся странице выбираете "Веб Сайт", вводите URL своего сайта, сохраняете.



Если вы еще не вставили две строчки со своими идентификаторами в шаблон своего сайта, то сделайте это.



Не забывайте, что у вас цифры будут отличаться. Делается это точно так же, как и с кодом комментариев Вконтакте.
После этого снова идем в панель разработчика вот по этой ссылке:
https://developers.facebook.com/docs/plugins/comments и настраиваем виджет комментариев социальной сети Facebook.



Настроек здесь очень мало.
  • Вводите URL своего сайта.
  • Количество комментариев на сайте (я выбрала 10)
  • Ширина виджета комментариев в пикселях (У меня 500)
  • Цвет виджета можно выбрать светлый или темный. Так как у меня шаблон светлый, то я выбрала светлый цвет. Если выбрать темный, то виджет будет черным.
  • Теперь теперь нужно разместить полученные коды.
Два кода с идентификаторами вы уже должны были разместить между тегами



В данном случае абсолютно не важно на чем у вас сделан сайт, или это HTML сайт, или Wordpress, или Joomla. Только не забывайте, что у вас будут другие идентификаторы. Если у вас сайт на Wordpress, то эти два кода нужно вставить в вашем шаблоне в файл header.php Точно так же как при подключении комментариев Вконтакте находим этот файл в панели администратора ("Внешний вид" - "Редактор" - "Заголовок ")

Если сайт на Joomla 2,5, то здесь в своем шаблоне, который у вас установлен по умолчанию ищите файл index.php

Теперь вставляем первую часть кода, который мы получили после заполнения формы перед открывающимся тегом

.

Обратите внимание, что этот код уже содержит ваш идентификатор администратора.



Для Wordpress это опять файл header.php, а для Joomla 2,5 index.php.
Теперь необходимо вставить последнюю часть кода:



Для HTML сайта вставляете код туда, где вы хотите чтобы отображались комментарии. Если у вас сайт на Wordpress, то вставить код в файл index.php или это может быть файл single.php Там находите тег:



И вставляете непосредственно перед этим тегом.

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

Большим удобством комментариев Facebook является то, что здесь есть возможность модерации комментариев и в настройках можно задать, чтобы комментарии появлялись только после модерации.



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

Что касается комментариев Facebook, то модерировать комментарии и менять настройки можно непосредственно с любой страницы своего сайта. Для этого достаточно перейти в "Интерфейс модератора" или в "Настройки"



Автор: Tatjana Rodionovskaja






Яндекс.Метрика