Гость

Нажмите для авторизации/регистрации

  • Назад
  • Меню
  • Статьи
    • Все
    • Интернет и технологии
    • Laravel и WebDev
    • Linux, Windows, Docker, Etc
    • Новости
    • Прочее
    • Геймдев
    • Смотри как я умею
  • Информация
    • Оферта на дополнительные функции
    • Политика конфиденциальности
    • Тарифы
    • Пользовательское соглашение

Добавляем на сайт комментарии Facebook для Laravel и не только

  1. Главная
  2. Статьи
  3. Laravel и WebDev
  4. Добавляем на сайт комментарии Facebook для Laravel и не только
Добавляем на сайт комментарии Facebook для Laravel и не только
  • 02/12/2021
  • Chebukin Pavel
  • 807 просмотров
  • 0 комментариев

Добавляем на сайт комментарии Facebook для Laravel и не только

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

В нашем случае понадобятся всего две ссылки, не считая ссылок нашего сайта.

Плагин комментариев Facebook

Центр управлений приложениями Facebook

Для работы с соц. сетью вам нужно быть зарегистрированы и авторизированны в самой соц. сети.

Создание приложения Facebook

Идем в Центр управлений приложений и нажимаем кнопку Создать приложение

 

Выбираем тип приложения

В нашем случае "Потребительское".

Вводим данные приложения

После этого фейсбук спросит ваш пароль и создаст приложение. Вы окажитесь на главной странице настроек приложения.

Настраиваем приложение

Чтобы включить приложение в рабочий режим, нужно указать необходимые данные. Для этого нужно заполнить ряд полей.

Идем в Настройки - Основное. 

Тут важно заполнить следующие поля:

  • Отображаемое название
  • Эл. адрес для связи
  • URL-адрес политики конфиденциальности
  • Удаление данных пользователей
  • URL-адрес Пользовательского соглашения
  • Назначение приложения
  • Подтверждение личности
  • Информация об ответственном за защиту данных

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

Генерируем виджет комментариев

После этого нужно перейти на страницу Создания Виджета для Комментариев и скролим вниз, до Генератор кода плагина комментариев

Он нам и нужен. Заполняем поля, в том числе и количество комментариев. Я поставил 50. Больше 100 вы не сможете поставить. После этого вам нужно нажать кнопку Получить код

В пункте Шаг 1  нужно выбрать наше приложение, которое мы создали раньше.

В шаге 2, мы размещаем единожды на странице код. Его можно разместить в теге <body>, социальная сеть рекомендует разместить его сразу после него.

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

https://developers.facebook.com/docs/plugins/comments#configurator мы должны подставить свою ссылку. Для ларавела это можно сделать так:
<div class="fb-comments" data-href="{{request()->fullUrl()}}" data-width="" data-numposts="50"></div>

В противном случае, если это голый PHP то это можно сделать таким образом:

<div class="fb-comments" data-href="https://<?php echo $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>" data-width="" data-numposts="50"></div>

Собственно, это все. После этого плагин должен начать отображаться на страницах вашего сайта.

Отзывы

Пока нет комментариев


Для того чтобы оставить комментарий, авторизуйтесь.
Понравился материал? Поделись!
Фотостоки и банки картинок с бесплатными тарифами
Ноя28
Фотостоки и банки картинок с бесплатными тарифами

Разрабатывая проект себе, или небольшому заказчику, сложно позволить себе значимые суммы денег в затратах. До выхода проекта в плюс, часто идет очень не мало временных и интеллектуальных, а так же финансовых затрат. Позволить себе оплату на таких сервисах как Envato Elements сложно. Хотя некоторое время я использовал их подписку и...

  • Chebukin Pavel
  • 0
  • 28.11.2021 21:27
Создадим Нотификацию В Laravel, Отправляющую Сообщение В Телеграмм
Дек11
Создадим Нотификацию В Laravel, Отправляющую Сообщение В Телеграмм

Это продолжение материала по созданию канала и бота в телеграмм, для нотификаций. В этом материале мы лишь создадим саму нотификацию Laravel и будем отправлять ее в очередь, при возникновении события. Создадим канал telegram, для нотификации через него php artisan make:channel telegram Это то, куда доставляется сообщение. Сам файл: app/Broadcasting/telegram.php. В нем...

  • Chebukin Pavel
  • 0
  • 11.12.2021 00:58
CKEditor 4 + Загрузка картинок в Laravel
Ноя28
CKEditor 4 + Загрузка картинок в Laravel

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

  • Chebukin Pavel
  • 0
  • 28.11.2021 22:38
Laravel: CKEditor 4 + Сниппет кода
Ноя24
Laravel: CKEditor 4 + Сниппет кода

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

  • Chebukin Pavel
  • 0
  • 24.11.2021 21:24
Погружение в паттерны проектирования - Александр Швец - Мнение о книге
Июл23
Погружение в паттерны проектирования - Александр Швец - Мнение о книге

Эта книга дает дополненное или начинающее понимание паттернов проектирования, будь то веб-язык или системный. Я уже был ознакомлен с частью паттернов из другой литературы, а у самого есть книга "банды четырех", которую еще предстоит прочитать, но я ее часто откладываю. Что такое паттерны проектирования? Это логические схемы, алгоритмы, для работы...

  • Chebukin Pavel
  • 0
  • 23.07.2022 10:56
LaraDock или Homestead для разработки под Laravel?
Ноя25
LaraDock или Homestead для разработки под Laravel?

В этом материале не будет подробностей по установке Laradock или Homestead. В нем я опишу лишь то, что по моему мнению стоит ставить. Если будет спрос, опишу установку отдельным материалом. Те кто изучают ларавел, вполне могут испугаться еще и докера, да и хомстеда. Мол, я еще это не выучил, а еще и...

  • Chebukin Pavel
  • 0
  • 25.11.2021 20:28

Copyright 2023 © All rights reserved.

Мы в: