Netgeeks » wordpress

DISQUS, czyli komentarze okiełznane

admin — Thu, 16 Sep 2010 20:41:45 +0000

Komentowanie blogów denerowało mnie zawsze podwójnie. Jako blogera i jako czytelnika. Jako blogera denerwuje mnie przede wszystkim mała ilość komentarzy (hahaha, to taki mały hint dla Was i dowcip zarazem ). Ale też brak pewności czy komentujący zobaczy odpowiedź, oraz sensowne ogarnięcie awatarów i wyważenie pomiędzy zezwoleniem na anonimowe commenty a zobaczeniem co za ludzie realnie komentują (fotka, imię, nazwisko, link, itp).

Jako czytelnika właśnie brak możliwości subskrypcji komentarzy (lub inne zasady subskrypcji na każdym blogu), czy też problem z odnalezieniem własnego komentarza za jakiś czas. Sprawę pogorszył jeszcze bardziej Facebook – ludzie tak do niego się przyzwyczaili, że wolą komentować link do artykułu wrzucony na Facebooka, niż sam artykuł! Tam będą mieli powiadomienia, nie muszą się rejestrować, znają mechanizm. Na blogu – niekoniecznie.

Próbowałem rozwiązac ten problem przez różne mechanizmy Facebook Connect. Niestety większość pluginów działała tak sobie, w dodatku gryzły się one straszliwie – Facebook like, Facebook fan box i jeszcze logowanie – nie mogłem tego ogarnąć. Aż w końcu przypomniałem sobie o czymś takim jak system komentarzy DISQUS.

Założyłem tam konto jakiś czas temu, podczas zabawy z Tumblrem. Komentarze tumblrowe oparte są na DISQUSie. Z początku wydawało mi się to absurdalne – oddzielny site do komentarzy? A jednak…

Przypomniało mi się to ostatnio podczas ogarniania moich blogów (ogarnąłem się wreszcie czasowo na tyle, aby na nich pisać, a i ruch wywołany Burger Kingiem zobligował mnie do zrobienia lekkiego porządku Bezpośrednią motywacją – przyznam się bez bicia – był fakt zainstalowania tego systemu przez Tomka.

Disqus posiada gotowy plugin do wordpressa, który możemy łatwo wyszukać i zainstalować.

Instalacja pluginu

Po wpisaniu „disqus comment” w wyszukiwarkę nowych pluginów oczom nazym ukażą się trzy pluginy – główny, importer komentarzy i widget. Sugeruję zainstalować tylko pierwszy i trzeci (bieżąca wersja sama importuje komentarze). Po zainstalowaniu i uaktywnieniu widgetu musimy go skonfigurować.

Najpierw mały upgrade bazy (jedno kliknięcie)

Upgrade bazy

Następnie logowanie (lub link do rejestracji jeśli nie mamy jeszcze konta) i wybór profilu strony. Pewnie jeszcze go nie założyliśmy (możemy to zrobić na disqus.com), więc jeden link nas tam przeniesie. Całkiem sprytnie to pomyślane

Rejestracja nowego sajtu #1

Przenosimy się na sajt Disqusa (jak nie chcemy to oczywiście cmd+click/ctrl+click) wpisujemy adres, nazwę i krótką nazwę wykorzystywaną później w adresie. Przechodzimy do konfiguracji.

Quick config

Teraz szybka konfiguracja. Do zrobienia są właściwie trzy rzeczy. Po pierwsze wybór języka.

Po drugie zbramkowanie z Facebookiem. Tu sprawa jest prostsza niż zwykle. Generalnie do jakiejkolwiek interakcji z Facebookiem potrzebujemy stworzenia tam aplikacji. Sprawa jest żmudna, upierdliwa i skomplikowana, straciłem przez to wiele godzin życia i nerwów. Facebook wyszedł z założenia że każdy kto chce zbramkować ręcznie WordPressa musi być code-geekiem. A przecież tak nie jest… Tu rozwiązanie jest bardzo proste. Wystarczy kliknąć wskazany link, a skrypt sam założy aplikację za nas. UWAGA! Z niewiadomych mi przyczyn podczas tworzenia aplikacji wyskakuje mi błąd. Zawsze.

Error

Nie przejmuj się tym i nie klikaj „Go back”. Po prostu zamknij to okienko. Aplikacja i tak została utworzona. Wystarczy że wejdziesz pod adres http://facebook.com/developers i po prawej stronie klikniesz jej nazwę.

Facebook Developers

Tam skopiuj API key i przeklej go tam gdzie trzeba na stronie konfiguracji. Uff, to tyle. Trudne było? Zapewniam, że ręczne tworzenie aplikacji jest sto razy bardziej skomplikowane

Co dalej? Ja uruchamiam opcję która pokazałem wyżej na stronie konfiguracji – „Display login buttons…”. To pozwala szybko zalogować się tym osobom które nie mają konta na DISQUSie (czytaj: prawie wszystkim) przez prostą autoryzację z jednego ze znanych serwisów, przede wszystkim Facebooka.

I ostatnia rzecz – eksport obecnych komentarzy do systemu. Wejdź w ustawienia DISQUSa w adminie wordpressa , następnie Advanced Settings (na górze po prawej) i odnajdź gdzies pośrodku strony coś takiego:

Export

Kliknięcie tego przycisku eksportuje bieżące komentarze do systemu. Trwa to chwilkę, dłuższą chwilkę musisz poczekać, aż serwer ogarnie te komentarze (trwa to od kilku minut do kilku godzin). Najlepiej zrobić to na noc, u mnie rano na wszystkich blogach pojawiły się stare komentarze.

I to chyba tyle. Jeśli chcesz możesz ustawić sobie widgeta ostatnich komentarzy.

Całość działa stosunkowo prosto, ładnie (bez potrzeby grzebania w CSS), usuwa tradycyjny box z komentarzami zastępując je swoim. Coraz więcej blogów używa tego systemu, a ja się cieszę. Mam dostęp z jednego miejsca do wszystkich dyskusji w których brałem udział, system powiadomień, nie muszę też za każdym razem podawać swojego imienia i nazwiska, avatara, maila. Jestem tam zalogowany, więc komentuję z marszu.

Polecam gorąco

Facebook + WordPress

admin — Mon, 01 Feb 2010 00:28:24 +0000

Gdy zmienialiśmy skórkę wordpressa postanowiłem podłączyć w jakiś sposób Facebooka, w końcu to jest teraz trendi i dżezi Nie wiedziałem tylko do końca jak. Owszem istnieje kilka pluginów, ale jak to z pluginami bywa każdy działa PRAWIE dobrze. Elementem weryfikującym okazał się Wykop (k*wa) Effect, który spowodował, że serwer padł. Wrzodem okazał się jeden z pluginów, a dokładnie ten odpowiedzialny za Facebook Connect.

Tak, wiem że posiadał annotację „super alpha, do not use yet”, ale czego miałem użyć? W końcu poddałem się, zostawiłem jedynie prosty box z fanami strony netgeeks na Facebooku i tyle. W ten weekend (w związku z naszym nowym projektem o którym dowiecie się niedługo) postanowiłem wrócić do sprawy Facebooka i rozwiązać ją definitywnie. W końcu to tak popularne, że musi być jakiś fajny plugin.

Rzeczywistość okazała się bardziej brutalna. Prawie cały weekend spędziłem na próbach zaimplementowania podstawowych funkcji Facebookowych, a mianowicie:

1. Boxu z fanami i możliwością zostania fanem

2. Przycisku „share to facebook”

3. Połączenia profilu facebookowego z wordpressowym

brak konieczności logowania
awatarki w komentarzach
awatarki w widgecie

Na pierwszy ogień poszło Simple Facebook Connect. Niestety jak pisałem, już przy Wykopie wszystko się wysypało. Nie polecam, chyba że coś się zmieni in plus, plugin wygląda najbardziej obiecująco ze wszystkich. Próbowałem też Faux facebook connect, FBFoundations Facebook Chicklet, ale ciągle coś nie pasowało. Kombinowałem także z tymi bardziej zaawansowanymi, dodającymi więcej połączeń (OpenID, Google, Twitter, itp) – jak choćby RPX Connect, ale konfiguracja była tak skomplikowana, że poddawałem się po 15 minutach.

Bardzo obiecujący okazał się Facebook Connect napisany przez właściciela hiszpańskiego serwisu sociable.es. Niestety ma on wiele niedociągnięć (w fanboxie pojawiały się czasami tylko 3 osoby potem nagle 5, potem znowu tylko jedna), poza tym narzuca trochę niekonfigurowalnych rozwiązań (zamiast samego przycisku FBConnect wstawia wielkie okno z ostatnimi goścmi na stronie i innymi niepotrzebnymi mi elementami).

W końcu Kmita podsunął mi wpis na wpninja, który w przystępny sposób opisywał cały proces. Trochę poczytałem, trochę sam pokombinowałem i udało się!

Po pierwsze zainstalowałem wspomniany wp-facebookconnect, który zajął się najważniejszymi sprawami, takimi jak tworzenie profilu w wp dla użytkownika który wciska przycisk, czy też wstawieniem avatarów do komentarzy. Plugin nie jest rozwijany od co najmniej roku, ale jest sensowny i działa. Jest zresztą napisany przez pracownika Facebooka, na samym Facebooku jest nawet całkiem sensowna instrukcja do niego.

Jeśli chodzi o „opublikuj na Facebooku”, to oparłem się o plugin „sociable”, który zresztą działa u nas juz od pewnego czasu. Może wstawię oddzielny button facebookowy, ale nie wiem czy ma to sens.

Jeśli zaś chodzi o fan box, to wstawiłem go ręcznie do sidebara korzystając z nowych generatorów kodu, które Facebook niedawno udostępnił. Co więcej, okazało się, że zupełnie niepotrzebnie zakładaliśmy ręcznie fanpage netgeeks. Otóż i tak, aby połączyć się z Facebookiem potrzebujemy stworzyć aplikację (teraz możemy zrobić to łatwo za pomocą kreatora). Aplikacja działa jak strona, więc nie ma sensu tworzyć osobnej. Ale skoro już ją mamy, to musiałem ręcznie podmienić ID aplikacja na ID strony wszędzie tam, gdzie pojawia się w kodzie.

Logowanie działa, avatary się wyświetlają, jedyna zmiana która mnie czeka, to usunięcie durnego popupa chcącego za każdym razem publikować komentarz na Facebooku – trochę to nachalne. Ale to pewnie jutro, bo i tak dziś pewnie będą śniły mi się linie kodu.

Tak więc zapraszam do zostania fanem netgeeks, a także korzystania z connecta, jeśli chcecie by wasze avatary pojawiały się w komentarzach. Aha, własnie i może jednak jakieś komentarze się pojawią

Nowi netgeeks.pl niebawem

kmita — Sun, 01 Nov 2009 19:28:14 +0000

Stało się. Mniej lub bardziej intensywnie prowadzimy tego bloga z Michałem już 9 miesięcy i doszedłem do wniosku, że warto zabrać się za zrobienie porządnej skórki. Nie chciałem robić tego od początku istnienia Netgeeks.pl bo z doświadczenia wiem, że bardzo często pracuje się nad fajnym projektem dla bloga lub jakiejś małej strony a potem ni z tego ni z owego pomysł pada i cała praca idzie na marne.

Jako, że to dopiero wstępny projekt cały czas chętnie będę coś zmieniał. Jeżeli macie jakieś sugestie dotyczące wyglądu bardzo chętnie ich wysłuchamy. Cały projekt do zobaczenia w rozwinięciu postu.

Do zobaczenia na nowym netgeeks.pl