Как сделать комментарии вконтакте и фейсбук для каждой страницы блога? Комментарии в Facebook: как их написать, редактировать или удалить

Для Windows Phone 20.06.2019
Для Windows Phone

В прошлой статье мы разобрались и .

Сегодня поговорим как отслеживать комментарии Facebook. Если у Вас на блоге еще не установлены комментарии Facebook, Вы можете это сделать самостоятельно без плагина. Подробно о том как это сделать я написала в статье « «. Если у Вас блог на шаблоне AB-Inspiration, то у Вас уже встроены комментарии Facebook.

В отличае от Vkontakte, комментарии Facebook Вы можете просматривать, редактировать на отдельной странице. Попасть на эту страницу можно следующим образом:

1. Войдите под своим логином и паролем в Facebook.
2. Зайдите на свой блог на любую статью и спуститесь вниз к комментариям
3. Над полем для отправки комментариев Facebook справа нажмите на ссылку «Настройки»

Или просто перейдите по ссылке http://developers.facebook.com/tools/comments . Затем на странице нажмите слева на название Вашего приложения.

На новой странице должны открыться все комментарии оставленные на Вашем блоге через форму Facebook.

Почему страница модерации комментариев Facebook пустая

Если на странице модерации комментариев Facebook Вы ничего не видите, нет ни одного комментария, это может быть из-за нескольких причин:

1. У Вас еще нет комментариев на блоге, оставленных через форму Facebook
2. ID приложения не указан в meta теге
3. Вы не являетесь модератором приложения

Проверяем работу комментариев Facebook

Для начала, давайте проверим, попадают ли комментарии на страницу модерации комментариев Facebook.

1. Зайдите на любую статью на Вашем блоге и напишите комментарий через форму Facebook
2. Перейдите на страницу модерации комментариев

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

Если комментарий не появился, перейдите снова на блоге в статью и нажмите на ссылку «Настройки» над полем facebook комментарии.

3. На странице настройки указан ID приложения.

Вставка метатега с ID приложения

Настройка для пользователей шаблоном AB-Inspiration

В шаблоне AB-Inspiraiton с версии 4.14 метатег уже встроен в шаблон. Важно прописать в разделе Вставки ID приложения.

1. Зайдите в админку блога — Внешний вид — Настройки шаблона — Вставки.
2. Найдите поле «APP ID (ID приложения Facebook)». В этом поле должен быть вставлен ID приложения Facebook. Номер должен совпадать с тем, что Вы видите на странице настройки комментариев Facebook.

Если у Вас это поле пустое необходимо зарегистрировать приложение по видеоинструкции в клубе.

Настройка для обычных шаблонов

Если у Вас блог на обычном шаблоне и Вы устанавливали код комментариев Facebook вручную (редактировали шаблон), необходимо вставить в файле header.php между тегами head метатег c ID приложения Facebook.

1. зайдите в даминку блога — Внешний вид — Редактор
2. Откройте файл header.php для редактирования
3. скопируйте метатег и вставьте его между тегами head (Вместо XXXXXXXXX впишите свой ID приложения)

Назначить себя модератором приложения

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

1. откройте настройки комментариев Facebook

2. спуститесь чуть ниже и пропишите в поле «Модераторы» свое имя (в точности, как Ваше имя написано в фейсбук)

3. Сохраните изменения.

Теперь можно проверить работу комментариев еще раз.

Отправьте тестовый комментарий, и перейдите на страницу модерации комментариев. Теперь Ваш комментарий должен отобразиться на этой странице.

Если Вы все еще не видите комментарии на странице модерации, пишите ниже в комментариях. Я постараюсь помочь.

Ну что ж, это последняя статья из серии как установить комментарии социальных сетей на блог. Мы разобрались:

Как на блоге отслеживать (модерировать) комментарии facebook

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

Генератор кода социального плагина комментариев Facebook

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

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

Первую часть кода JavaScript SDK плагина сохранить в шаблоне сайта не удалось, выдавалась ошибка. При переходе по ссылке JavaScript SDK, попадаем на страницу документации набора функциональных возможностей на стороне клиента для добавления, в том числе, социальных плагинов.

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

Фрагмент кода, предоставленный на данной странице представляет основную версию SDK, с установленными по умолчанию параметрами и внедряется непосредственно после открытого тега в шаблон сайта или на каждой странице, которую нужно загрузить:

Этот код будет загружать и инициализировать SDK. Значение параметра appId нужно заменить на ID вашего собственного приложения Facebook. Чтобы получить этот ID, нужно создать своё приложение.

Приложение для Facebook можно создать на странице Dashboard. При добавлении приложения выбираем вариант "Веб-сайт" и вводим название приложения. Система создаст код, аналогичный предыдущему Facebook SDK для JavaScript, но содержащий ID нового приложения, например:

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

Как получить код социального плагина комментариев Facebook, содержащий ID?

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

Однако, после вставки вышеприведенного кода шаблон и его не принял, выдавал ошибку. Теперь вариант остался один - внедрить код основной версии Facebook SDK для JavaScript, о которой уже говорили.

Настройка социального плагина комментариев Facebook

Какой бы вариант кода вы не использовали, вторая часть кода не меняется, определяет место отображения блока комментариев и его настройки. Из перечисленных на странице генератора кода, в разделе "Settings", настроек плагина, больше всего нас интересует значение атрибута "data-href". В сгенерированной второй части кода, этим значением является URL-адрес вашего сайта. То есть, можно предположить, что все оставленные комментарии будут привязаны ко всем статьям блога. Такие комментарии, размещенные в плагине, будут постоянно связаны абсолютным URL. Транслирующиеся комментарии на Facebook размещенные в плагине будут также ссылаться на этот единственный URL. Для того, что бы оставленный комментарий под одним сообщением не отображался под другим, и принадлежал одному URL-адресу, замените URL-адрес сайта на код вывода страниц CMS. Для каждой системы, значение атрибута настройки "href" будет разным, то есть у каждой CMS код вывода страниц разный. Например, как настроить комментарии Facebook в Blogger, читайте в статье

Хотите установить и настроить комментарии фейсбук на сайт, но не знаете, как это сделать? Не волнуйтесь, я подробно расскажу о том, как это сделать. Facebook – это крупнейшая социальная сеть, которая популярна по всему миру.

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

Вот почему топовые сайты устанавливают не стандартную вордпрессовскую , а wordpress facebook комментарии.

Прежде чем перейти к инструкции по установке и настройке комментариев facebook на сайт, давайте рассмотрим и другие его преимущества перед стандартной системой комментариев от WordPress.

Преимущества и недостатки комментариев Facebook в WordPress

Одно из очевидных преимуществ с Facebook комментариев заключается в том, что у вашего сайта повышается видимость/популярность в самом фейсбуке. Как это работает: пользователь оставляет комментарий на сайте и при желании он может отобразиться на его страничке (для этого он поставит флажок напротив: отобразить мой комментарий в facebook).

Этот комментарий могут увидеть друзья и знакомые человека, т.е. может завязаться диалог, кто-то поставит лайк, заинтересуется и зайдет на сайт и т.п. Вывод: с помощью комментариев facebook можно заметно .

Другое преимущество в следующем: система комментариев через Facebook снимает анонимность с пользователей, а это значит, что прежде чем что-либо написать, например, какой-нибудь , человек подумает, стоит ли это делать.

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

Также в отличие от других систем комментариев, как например , комментарии Facebook не хранятся и/или не синхронизируются с комментариями WordPress. Они просто замещают все комментарии WordPress. Если у вас есть статья, к которой пользователи ранее оставили комментарии через стандартную систему WordPress, то эти комментарии будут стоять особняком до или после комментариев через Facebook.

Вот в этом собственно и заключаются все преимущества и недостатки комментариев фейсбук.

Давайте теперь перейдем к установке Facebook комментариев в WordPress.

Установка Facebook комментариев в WordPress

Первое, что вам нужно сделать, так это Facebook Comments После активации зайдите в Settings (Настройки) Facebook Comments (Facebook комментарии) и настройте плагин.

Вам также нужно будет создать Facebook app (приложение). Если вы ранее это уже делали, то вы можете здесь воспользоваться его ID (идентификатором). В противном случае вам придется его все-таки создать. Для этого: зайдите на страницу Facebook Apps и щелкните по кнопке «Create new app» («Создать новое приложение»). В появившейся форме вам надо будет ввести имя для нового приложения и нажать на кнопку «Create App ID».

Таким образом, вы создадите приложение Facebook и перенесетесь в его панель. Здесь будет отображаться идентификатор (ID) вашего приложения.

Вам необходимо скопировать этот ID и вставить его в настройки плагина, но прежде чем это сделать, настройте приложение для работы на сайте. Для этого: кликните по Settings (Настройки), а затем по кнопке «Add Platform » (Добавить платформу).

В появившемся всплывающем окне выберите «website» (вебсайт), чтобы использовать его в качестве платформы.

Когда вы это сделаете, в настройках вашего приложения появится новая секция «Website», куда вам надо будет ввести адрес сайта.

И только после того, как вы проделаете все эти операции и сохраните изменения, вы можете копировать ID приложения и вставить его на страницу настройки плагина в WordPress.

У плагина WordPress Facebook comments есть весь необходимый набор опций. Настройки по умолчанию должны работать для большинства сайтов. Однако если у вас вдруг возникнут какие-либо проблемы или вы захотите что-либо изменить, то вы всегда можете воспользоваться настройками плагина.

Итак, после вставки ID нажмите на кнопку «Save Changes» (Сохранить изменения).

Вот и все, теперь вы можете зайти на свой сайт и проверить работу комментариев Facebook.

Модерирование комментариев Facebook

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

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

А теперь о том как подключить на свой сайт виджет комментариев 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. Вводите свой почтовый ящик.

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

Не забывайте, что у вас цифры будут отличаться. Делается это точно так же, как и с кодом комментариев Вконтакте.
После этого снова идем в панель разработчика вот по этой ссылке:
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 является то, что здесь есть возможность модерации комментариев и в настройках можно задать, чтобы комментарии появлялись только после модерации.

(Последнее обновление: 23.11.2018)

Добрый вечер, дорогие друзья! Сегодня я, как и обещал ранее, покажу вам как установить комментарии Facebook на сайт WordPress . Ставить или нет данную форму комментариев на свой блог, зависит в первую очередь от тематики сайта. В России самые популярные социальные сети ВКонтакте и в последнее время набирающий обороты Google Plus, это всем известно.

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

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

Конечно, это оппозиционно настроенные люди к Путину и его окружению (друзьям). Если ваш сайт про политику, тогда эта аудитория ваша. Трафик обязательно будет от туда. К стати, у меня там в друзьях много журналистов, известные люди, даже Андрей Пионтковский, который пишет политические статьи - просто супер.

Еще одно преимущество использования комментариев Facebook заключается в том, что он удаляет фактор анонимности, поэтому пользователи с меньшей вероятностью оставляют спам-комментарии, потому что привязаны к их профилю в Facebook.

Комментарии Facebook для WordPress без плагина

Заходим на страницу социальных плагинов Фейсбук - https://developers.facebook.com/docs/plugins/comments . Заполняем небольшую форму. Адрес сайта; ширину виджета; цвет блока комментариев и их количество для отображении в форме:


Нажимаем кнопку "Get Code" и получаем два нужных нам кода:


Первый код вставляем в файл "Заголовок" (header.php) сразу после открывающего тега . Можно и по другому, как поступил я, первую часть кода я вставил в конце файла "Одна запись" (single.php) перед или что то похожее, как у меня на скриншоте :


Вторую часть кода вставляем в файл "Комментарии" (comments.php) в том месте, где вы хотите отображать блок комментариев фейсбук. Например перед заголовком (чуть ниже этой строчки):

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



Рекомендуем почитать

Наверх