Zabezpieczenie formularza w WordPress’ie za pomocą ochrony reCaptcha

Formularz kontaktowy umieszczony na stronie internetowej umożliwia wygodne przesyłanie wiadomości e‑mail na wskazany przez właściciela witryny adres poczty elektronicznej. Jeżeli jednak nie zostanie on w żaden sposób zabezpieczony, może zostać wykorzystany do wysyłania spamu. Najprostszą i najbardziej popularną metodą ochrony formularzy kontaktowych jest użycie mechanizmu reCaptcha.

reCaptcha to rozwiązanie wprowadzone przez Google, wymuszające w momencie przesłania formularza wykonanie jakiegoś zadania, np. zaznaczenie wybranych obrazków. Czynność ta jest prosta dla człowieka, ale praktycznie niewykonalna dla botów chcących wysłać spam. reCaptcha stanowi zatem skuteczną metodę walki robotami próbującymi wysyłać przez naszą stronę WWW wiadomości e-mail.

Jak uzyskać i skonfigurować mechanizm reCaptcha?

Aby uzyskać klucze niezbędne do implementacji reCaptcha na swojej stronie internetowej, zaloguj się na swoje konto Google lub załóż je. Po zalogowaniu, wejdź na https://www.google.com/recaptcha/about/ i kliknij, znajdujący się na pasku w górnej części strony odnośnik v3 Admin Console (1).

Wyświetlony zostanie formularz konfiguracyjny podzielony na kilka sekcji. Uzupełnij go zgodnie z danymi swojej strony.

• Wpisz etykietę reCaptcha (1), która pozwoli na łatwą identyfikację witryny w przyszłości.
• Wybierz typ reCaptcha (2), który zostanie zastosowany. Sposób weryfikacji żądania ominięcia zabezpieczenia zależny będzie od wybranego typu. Więcej informacji na ten temat znajdziesz w dalszej części tego artykułu.
• Wpisz wszystkie domeny (3), pod którymi funkcjonuje w sieci Twoja strona. Dodanie kolejnego adresu zatwierdź przyciskiem +.
• Sprawdź, czy automatycznie wprowadzony adres e-mail jest prawidłowy lub dodaj kolejne adresy (4).

Zapoznaj się teraz z Warunkami korzystania z usługi reCeptcha, a następnie zaznacz zgodę (1). Aby otrzymywać powiadomienia, jeśli Google wykryje problemy w Twojej witrynie, np. zwiększenie podejrzanego ruchu, wybierz checkbox Wyślij alerty do właścicieli (2). Po uzupełnieniu formularza kliknij PRZEŚLIJ (3).

Po przesłaniu formularza wyświetlone zostanie potwierdzenie zarejestrowania witryny, a także para kluczy, które potrzebne są aby zintegrować reCaptcha z witryną. Przepisz treść obu kluczy lub skopiuj je klikając KOPIUJ KLUCZ WITRYNY (1) i KOPIUJ TAJNY KLUCZ (2). Pamiętaj, aby po skopiowaniu pierwszego klucza wkleić go w bezpiecznym miejscu, lub bezpośrednio w konfiguracji witryny, a dopiero w kolejnym kroku skopiuj drugi klucz.

Jaki typ reCaptcha wybrać?

Od wybranego typu reCaptcha zależą czynności, jakie użytkownik wysyłający wiadomość poprzez zabezpieczony w ten sposób formularz będzie musiał wykonać. Wybrać możesz jeden z dwóch typów zabezpieczenia:

• reCAPTCHA v3 - jest to automatyczna weryfikacja żądania bez udziału użytkownika. Dodatkowe działania wykonywane są przez skrypty.
• reCAPTCHA v2 - weryfikacja żądania wymaga wykonania przez użytkownika dodatkowego działania. Po wybraniu tego typu zabezpieczenia, wyświetlone zostaną dodatkowe opcje:
• Pole wyboru "Nie jestem robotem" - użytkownik będzie musiał zaznaczyć pole wyboru.
• Niewidoczna plakietka reCAPTCHA - nie będzie konieczności zaznaczania pola wyboru. Plakietka reCAPTCHA będzie wywoływania po kliknięciu przycisku lub zostanie wywołana bezpośrednio przez skrypty Java. Domyślnie, jedynie najbardziej podejrzany ruch zostanie poproszony o rozwiązanie captcha.
• reCAPTCHA na Androida - zaznacz wówczas, gdy chcesz weryfikować żądania w aplikacji dla systemu Android. Po zaznaczeniu tej opcji, w miejscu sekcji Domeny pojawi się sekcja Pakiety, w której należy dodać posiadany pakiet. Sprawdź szczegóły w ustawieniach Google.

W jaki sposób zintegrować reCaptcha z formularzem WordPress?

Formularz kontaktowy nie jest integralną częścią WordPressa. Należy dodać go za pomocą odpowiedniej wtyczki. Ich dostępność jest spora, a wybór zależy od preferencji użytkownika. W niniejszym artykule przedstawimy integrację reCaptcha z formularzem Contact Form 7.

Po zalogowaniu do kokpitu WordPressa przejdź do menu Kontakt i wybierz zakładkę Integracja (1). Odnajdź sekcję dotyczącą reCAPTCHA i kliknij przycisk Ustawienia integracji (2).

W sekcji reCaptcha pojawią się pola, w których należy wkleić skopiowane wcześniej z usługi Google klucze. Po wklejeniu, lub wpisaniu, obu kluczy (1) kliknij przycisk Zapisz zmiany (2).

Prawidłowe zapisanie kluczy potwierdzi komunikat. Sprawdź działanie reCaptcha na swojej witrynie.