Гость

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

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

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

  1. Главная
  2. Статьи
  3. Laravel и WebDev
  4. Добавляем на сайт комментарии Facebook для Laravel и не только
Добавляем на сайт комментарии Facebook для Laravel и не только
  • 02/12/2021
  • Chebukin Pavel
  • 315 просмотров
  • 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>

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

Отзывы

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


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

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

  • Chebukin Pavel
  • 0
  • 25.11.2021 23:30
Laravel нотификации в Microsoft Teams
Дек11
Laravel нотификации в Microsoft Teams

Я уже писал в прошлом материале о добавлении нотификаций в Laravel для сообщений в телеграмм. А в этом материале рассмотрим нотификации в Microsoft Teams. Но тут все немного проще, так как мы будем использовать уже готовый пакет. Ставим пакет через композер composer require laravel-notification-channels/microsoft-teams Я не рассматриваю версии ниже 7-й....

  • Chebukin Pavel
  • 0
  • 11.12.2021 16:33
Фотостоки и банки картинок с бесплатными тарифами
Ноя28
Фотостоки и банки картинок с бесплатными тарифами

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

  • Chebukin Pavel
  • 0
  • 28.11.2021 21:27
Онлайн-песочницы для кода
Дек18
Онлайн-песочницы для кода

Когда возникает потребность проверить какой-то простенький алгоритм или набросать элемент, использовать для этого файлы рабочего проекта или создавать новый не лучшая идея. Именно по этой причине сейчас существуют всякого рода песочницы. Один позволяют скомпилировать код системных языков и вывести результат, другие набросать HTML+CSS+JS схемку и отладить ее. В любом случае,...

  • Chebukin Pavel
  • 0
  • 18.12.2021 21:33
Laravel: CKEditor 4 + Сниппет кода
Ноя24
Laravel: CKEditor 4 + Сниппет кода

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

  • Chebukin Pavel
  • 0
  • 24.11.2021 21:24
Сайтмап для сайта на Laravel - sitemap.xml
Ноя25
Сайтмап для сайта на Laravel - sitemap.xml

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

  • Chebukin Pavel
  • 0
  • 25.11.2021 22:05

Copyright 2022 © All rights reserved.

Мы в: