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

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

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

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

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

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

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

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

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

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

<div class="fb-comments" data-href="http://mariakuhtina.com/" data-width="550" data-numposts="5" data-colorscheme="light"></div>

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

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="550" data-numposts="5" data-colorscheme="light"></div>

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

<div class="fb-comments" data-href="{full-link}" data-width="550" data-numposts="5" data-colorscheme="light"></div>

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

<div class="fb-comments" data-href="<?php print url(drupal_get_path_alias('node/' . arg(1)), array('absolute' => TRUE)); ?>" data-width="550" data-numposts="5" data-colorscheme="light"></div>

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

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

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>

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

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

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

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

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

<meta property="fb:admins" content="100001696632339"/>

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

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

<meta property="fb:admins" content="100004761061407,100001696632339"/>

Правильно:

<meta property="fb:admins" content="100004761061407"/>
<meta property="fb:admins" content="100001696632339"/>

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

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

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

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

Просмотров:

Добавить комментарий

Adblock
detector