Oczywiście chodzi o coś takiego, żeby nie trzeba było wprowadzać własnych komentarzy w skrypcie lub używać jakiegoś zewnętrznego systemu do komentowania typu Disqus, tylko z FB. Ma to o tyle zaletę, że ktoś kto ma konto na FB (a kto w dzisiejszych czasach nie ma ;), będzie mógł skomentować artykuł na Twojej stronie lub blogu.
Aby dodać komentarze z Facebooka do swojej strony internetowej, możesz skorzystać z Facebook Comments Plugin. Jest to oficjalne narzędzie od Facebooka, które umożliwia integrację systemu komentarzy z Twoją stroną internetową. Oto kroki, jak to zrobić:
Krok 1: Stwórz aplikację Facebooka (opcjonalnie)
Aby zarządzać komentarzami i mieć pełną kontrolę, możesz stworzyć aplikację na Facebooku, która nada Ci unikalny identyfikator (App ID). Możesz pominąć ten krok, ale jeśli chcesz lepiej monitorować interakcje, to warto go wykonać.
- Wejdź na stronę Facebook Developers.
- Zaloguj się na swoje konto Facebook.
- Kliknij „My Apps” w prawym górnym rogu, a następnie wybierz „Create App”.
- Wybierz cel aplikacji, np. „For Everything Else”.
- Wprowadź nazwę aplikacji, e-mail i stwórz aplikację.
- Zanotuj swój App ID, będzie potrzebny w późniejszych krokach.
Krok 2: Skonfiguruj wtyczkę Facebook Comments
- Wejdź na oficjalną stronę Facebook for Developers.
- W sekcji „Code Generator”:
- Wprowadź URL strony, na której mają pojawiać się komentarze. Może to być dynamiczny URL, jeśli komentarze mają pojawiać się na różnych podstronach.
- Ustaw szerokość wtyczki (zalecana szerokość to szerokość elementu, w którym chcesz umieścić komentarze, np. 100%).
- Wybierz liczbę komentarzy wyświetlanych na jednej stronie.
- Kliknij „Get Code”, aby wygenerować kod.
Krok 3: Wstawienie kodu na stronę
Po wygenerowaniu kodu, zobaczysz dwie części:
- Pierwsza część to kod JavaScript SDK, który musisz wkleić do kodu HTML swojej strony, najlepiej w sekcji
<head>:
<div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v13.0" nonce="xyz123"></script>
Druga część to znacznik HTML, który umieść w miejscu, gdzie chcesz wyświetlać komentarze (np. w artykule, na dole strony):
<div class="fb-comments" data-href="https://yourwebsite.com/your-page-url" data-width="" data-numposts="5"></div>
- Parametry:
data-href– tutaj wprowadź URL strony, na której mają się wyświetlać komentarze (dynamicznie dla różnych podstron, jeśli używasz systemu CMS).data-width– szerokość wtyczki. Możesz ustawić na przykład"100%".data-numposts– liczba komentarzy wyświetlanych na raz (np."5").
Krok 4: Dostosowanie wyglądu
Jeżeli chcesz dostosować wygląd wtyczki komentarzy, możesz zmienić parametry CSS dla elementu <div> lub użyć własnych stylów, które będą kompatybilne z wtyczką.
Krok 5: Monitorowanie komentarzy
Jeżeli stworzyłeś aplikację na Facebooku, możesz monitorować i moderować komentarze bezpośrednio z poziomu narzędzi Facebooka. W tym celu:
- Wejdź na Facebook Comment Moderation Tool (znajdziesz to w narzędziach deweloperskich).
- Używając swojego App ID, będziesz mógł przeglądać i zarządzać komentarzami.
Dodatkowe opcje:
- Możesz także ustawić automatyczne powiadomienia o nowych komentarzach za pomocą ustawień w aplikacji Facebooka.
- Wtyczkę możesz łatwo zintegrować z systemami CMS (np. WordPress) za pomocą odpowiednich wtyczek.
To wszystko! Teraz na Twojej stronie będą wyświetlać się komentarze z Facebooka, co pozwoli użytkownikom łatwo komentować i dzielić się opiniami.