Jak dodać CAPTCHA do swojej witryny?

Niezależnie od głównego celu Twojej witryny, prawdopodobnie włączysz opcje subskrypcji, formularze kontaktowe i inne sposoby, w jakie odwiedzający mogą się z Tobą komunikować. Stanowi to znaczną część dobrego doświadczenia użytkownika i rozwoju firmy.

Aby upewnić się, że otrzymujesz wiadomości e-mail tylko od prawdziwych użytkowników i zachować reputację swojej witryny, musisz wprowadzić środki, aby Twoja witryna była wiarygodna i chroniona. W tym poście przyjrzymy się, jak chronić swoją witrynę, dodając CAPTCHA.

Różne nieautoryzowane korzystanie z Twojej witryny

Osoby pozbawione skrupułów mogą korzystać z Twojej witryny na różne sposoby. Może to zaszkodzić reputacji Twojej witryny i narazić Twoje dane. Niektóre sposoby, w jakie możesz doświadczyć nieautoryzowanego użycia, obejmują:

• Używanie botów do publikowania komentarzy

• Zautomatyzowane wysyłki za pośrednictwem subskrypcji/formularzy kontaktowych

• Masowa rejestracja kont w Twojej witrynie z fałszywymi adresami e-mail.

Głównym sposobem ochrony witryny i przewodnika przed tymi lukami jest użycie skryptu CAPTCHA na swoich stronach internetowych.

Powody, dla których warto używać CAPTCHA

Głównym powodem używania CAPTCHA w Twojej witrynie jest ustalenie autentyczności odwiedzających Twoją witrynę. Zapewnia również, że otrzymujesz wiadomości od prawdziwych ludzi, a nie od botów. Wiele zautomatyzowanych agentów i skryptów zostało opracowanych w złośliwych celach.

Posiadanie ich w witrynie niepotrzebnie zapycha witrynę i pochłania zasoby, aby zaatakować Ciebie i Twoich odwiedzających. Na przykład Twoja witryna może doświadczać ciągłych błędów e-mail w wyniku spamu z formularza kontaktowego lub dużej liczby fałszywych kont.

Wszystko to wpłynie na reputację Twojej witryny, w tym nazwę domeny i adres IP hostingu cPanel. To i wiele innych powodów, dla których użycie CAPTCHA jest zalecane.

Jak CAPTCHA działa w Twojej witrynie?

CAPTCHA wymaga, aby odwiedzający witrynę wykonali proste lub skomplikowane zadanie, aby uzyskać dostęp lub przesłać formularz w witrynie. Zadania mogą wymagać przeczytania i zinterpretowania niektórych elementów lub użycia logiki ludzkiej do odpowiedzi na pytania. Chociaż czasami może to być niewygodne, zapewnia odpowiednie zabezpieczenie Twojej witryny.

Jeśli odwiedzający przejdą zadanie poprawnie, logowanie zostanie potwierdzone, a odwiedzający będzie mógł uzyskać dostęp do Twojej witryny lub przesłać formularz kontaktowy. Zaleca się, aby trzymać się prostego użycia CAPTCHA zamiast skomplikowanych, które wymagają skomplikowanych zadań językowych i matematycznych.

Jaki jest najskuteczniejszy CAPTCHA do użycia?

Chociaż na rynku istnieje wiele opcji CAPTCHA, Google reCAPTCHA jest jedną z najczęściej używanych usług CAPTCHA. Najlepsze jest to, że jest darmowy i oferuje podstawowe, ale skuteczne funkcje. Oczywiście, jeśli chcesz płatną wersję, możesz uaktualnić do wersji Enterprise, która zapewnia możliwości integracji i rozszerzone funkcje.

Pakiet subskrypcji znajdziesz w sekcji Produkty na stronie Google Developers. W tym przewodniku przyjrzymy się bezpłatnej wersji usługi reCAPTCHA CAPTCHA.

Kroki, aby dodać reCAPTCHA do swojej witryny

Krok 1: Przed rozpoczęciem procesu zalecamy zalogowanie się na swoje konto Google.

Krok 2: Odwiedź stronę Google Developer's Guide, aby rozpocząć dodawanie reCAPTCHA do swojej witryny.

Krok 3: W sekcji małego przeglądu na stronie Przewodnika programisty kliknij link „Zarejestruj się, aby uzyskać parę kluczy API”. Zostaniesz przekierowany na inną stronę.

Krok 4: Wypełnij informacje o swojej witrynie na następnej otwartej stronie. Część z „Etykietą” to nazwa Twojej witryny w Twoim Panelu Google. „Domeny” powinny zawierać listę Twojej istniejącej nazwy domeny dołączonej do Twojego planu hostingowego.

Używaj tylko nazwy domeny bez adresu URL swojej witryny. Przykładem jest szczęście.com. Następnie sprawdź „Warunki korzystania”, aby zaakceptować warunki korzystania z usługi.

Krok 5: Następny ekran zawiera kody klucza tajnego i klucza witryny. Skopiuj je w bezpieczne i łatwo dostępne miejsce przed rozpoczęciem konfiguracji CAPTCHA w swojej witrynie.

Należy zauważyć, że istnieją dwie wersje Google reCAPTCHA – v2 i v3. Google reCAPTCHA v2 ocenia ruch i żąda zaznaczenia pola wyboru na stronie w przypadku podejrzanego użycia. Ta wersja jest wygodniejsza i bardziej niezawodna dla treści mobilnych.

Google reCAPTCHA v3 nie wymaga wypełniania żadnego pola ani zaznaczania żadnego pola. Śledzi i buduje wyniki, aby zweryfikować aktywność użytkowników na stronie. Działa zgodnie z zachowaniami, które pasują do reguł i zalecają odpowiednie zadania.

Pamiętaj, że obie wersje to zestawy skryptów, które możesz dodać do swojej witryny dla odpowiadających im stron. Możesz dodać funkcjonalność za pomocą modułów lub wtyczek na stronach CMS, takich jak WordPress.

Krok 6: Zainstaluj CAPTCHA na swojej stronie WordPress. Aby to zrobić, przejdź do swojej witryny WordPress. Przejdź do sekcji Wtyczki i kliknij zakładkę „Dodaj nowy”. Wyszukaj CAPTCHA w polu wyszukiwania. Powinieneś wybrać wersję wtyczki, która jest zgodna z Twoją wersją WordPress.

Zazwyczaj system zaznacza to automatycznie. Więc po prostu kliknij na to. Jeśli spróbujesz zainstalować niezgodne wersje wtyczek, może to spowodować problemy w Twojej witrynie, w tym uniemożliwić odwiedzającym.

Po instalacji możesz go teraz zintegrować z formularzem kontaktowym, z którego korzystasz. Domyślnie ochrona CAPTCHA jest już zintegrowana z większością znanych wtyczek kontaktowych w WordPress. Jest dostępny w najnowszej edycji wtyczki Contact Form 7.

Krok 7: Przejdź do panelu administracyjnego w swojej witrynie i przejdź do zakładki „Integracja” w sekcji Kontakt. Tutaj znajdziesz dodatek reCAPTCHA. Kliknij przycisk „Konfiguruj integrację”.

Krok 8: Wypełnij dane skopiowane z pulpitu Google Developers w następnym oknie i kliknij przycisk „Zapisz zmiany”.

Krok 9: Przejdź do sekcji „Kontakt”, kliknij kartę „Formularz kontaktowy” i wybierz formularz, który chcesz edytować.

Krok 10: Wstaw [recaptcah] w podanym kodzie w formularzu kontaktowym i kliknij przycisk „Zapisz zmiany”.

Wniosek

Masz już ustawione CAPTCHA i gotowe do pracy. Za każdym razem, gdy ktoś użyje formularzy kontaktowych w Twojej witrynie, wyskoczy CAPTCHA, aby sprawdzić, czy są to prawdziwi ludzie, czy boty.

Jeśli potrzebujesz więcej ustawień i kodów do integracji w formularzu kontaktowym, możesz sprawdzić stronę laboratorium kodowego reCAPTCHA na swoim koncie Google. W sekcji znajdziesz takie rzeczy, jak zachowanie, rozmiar i inne opcje.