Jak dodać komentarze Facebooka na stronę internetową?

Jak dodać komentarze Facebooka na stronę internetową?

Dodając Facebookowe komentarze na swojej stronie internetowej udostępniasz swoim użytkownikom możliwość skomentowania treści na Twojej stronie bez konieczności rejestracji. Wystarczy, że twój użytkownik posiada konto na Facebooku. A większość zapewnie je posiada. Wszystkimi zabezpieczeniami pluginu zajmuje się Facebook,.

Krok 1. Tworzenie aplikacji.

1. Idź do strony: developers.facebook.com
2. Kliknij „Apps”
3. Kliknij „Create New App”
4. Wprowadź nazwę aplikacji.
5. Zatwierdź

Jeżeli wszystko poszło bez problemów, powinieneś dostać informację o dodaniu aplikacji do bazy, a skrypt powinien podać informacje do aplikacji: m.in.: APP ID i APP Secret.  Poniżej tych kodów wypełnij Kontakt e-mail oraz adres do Twojej strony. Następnie zapisz zmiany.

Krok 2. Implementacja

Kod potrzebny do wrzucenia w interesujące nas miejsce szablonu możemy wygenerować na tej stronie: https://developers.facebook.com/docs/plugins/comments

Po wygenerowaniu kodu powinieneś utrzymać tego typu fragment.

Kod pierwszy:

<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = „//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.6&appId=501436163356836”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‚script’, ‚facebook-jssdk’));</script>

Umieszczamy w sekcji <head> </head> na naszej stronie internetowej. Najlepiej w pliku szablonowym który jest ładowany na wszystkich podstronach.

Drugi element kodu umieszczamy w miejscu w którym chcemy, aby nasze komentarze się pojawiały. Czyli, np. pod artykułem. 

Krok 3. Jak zmienić domyślny język?

W tym celu trzeba zmienić kod języka w ścieżce biblioteki. Czyli w kodzie, który wyżej umieściliśmy między tagami <head> </head>

Interesuje nas 6 linijka kodu:

js.src = „//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=501436163356836″;

Jeżeli interesuje nas zmiana na język Polski to dodajemy kod językowy dla naszego kraju. Czyli.

js.src = „//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.6&appId=501436163356836″;

  1. Pytania I problemy

Jeżeli ktoś boryka się z jakimkolwiek problemem w czasie implementacji Facebookowych komentarzy na swoją stronę internetową to zapraszamy do skomentowania naszego artykułu lub o kontakt bezpośredni na nasz adres mailowy: kontakt@webenable.pl

Musisz sam przeanalizować czy komentarze Facebooka będą przydatne na Twojej stronie internetowej. Według nas najlepiej czytelnikom udostępnić dwie możliwości komentarzy: standardowa (np. za zalogowaniem) oraz dodatkowa (społecznościowa – w tym wypadku „Facebookowa”).