Jak korzystać z reCAPTCHA w module formularza kontaktowego Divi

Formularze kontaktowe to jedne z najpopularniejszych formularzy, które boty wykorzystują do wysyłania Ci spamu. ReCAPTCHA firmy Google to jedno z najlepszych dostępnych narzędzi do ograniczania tego spamu. Na szczęście moduł formularza kontaktowego Divi doskonale integruje się z reCAPTCHA. W tym poście zobaczymy, jak używać reCAPTCHA w module formularza kontaktowego Divi. Zobaczymy, jak założyć konto reCAPTCHA i jak go używać z Modułem Formularza Kontaktowego.

Zacznijmy.

Włącz ReCAPTCHA dla modułu formularza kontaktowego Divi

Najpierw zobaczmy, jak włączyć reCAPTCHA dla modułu formularza kontaktowego Divi. Ta opcja jest wbudowana, ale musisz ją włączyć, a następnie skonfigurować. Na szczęście nie jest to trudne. W naszych przykładach używam strony Kontakt z bezpłatnego pakietu Poke Restaurant Layout Pack, który jest dostępny w Divi.

Otwórz ustawienia modułu formularza kontaktowego, klikając ciemnoszarą ikonę koła zębatego, która pojawia się po najechaniu myszką.

Na pierwszej karcie Ustawienia ogólne przewiń w dół do opcji Ochrona przed spamem . Zobaczysz dwie opcje, które możesz włączyć:

• Skorzystaj z usługi ochrony przed spamem
• Użyj podstawowej captcha

Usługa ochrony przed spamem wymaga konfiguracji, podczas gdy Basic Captcha działa od razu po wyjęciu z pudełka. Mimo że wymaga konfiguracji, usługa ochrony przed spamem jest tą, którą polecam większości użytkowników Divi. Przyjrzyjmy się bliżej, aby zobaczyć, dlaczego.

reCAPTCHA kontra podstawowa captcha

Chociaż obie opcje zapewniają ochronę przed spamem, bardzo różnią się sposobem działania i interakcji z użytkownikami. Zobaczmy, co każdy robi i jak się porównuje.

Podstawowa captcha

Basic Captcha zapewnia proste równanie matematyczne i pole do wpisania odpowiedzi. Dodaje to dodatkowy krok, z którym użytkownicy muszą się zmagać przed przesłaniem wiadomości. Niektórzy użytkownicy pominą formularz i przejdą dalej. Ponadto, chociaż pomaga ograniczyć spam, nie jest w 100% odporny na boty i prawdopodobnie nadal będziesz otrzymywać dużo spamu.

Jest prosty w konfiguracji i obsłudze oraz jest powszechnie używany w Internecie, więc użytkownicy wiedzą, jak z niego korzystać. To dobra opcja, zwłaszcza jeśli nie masz wielu użytkowników. Jeśli chcesz lepszej ochrony i lepszego doświadczenia użytkownika, reCAPTCHA jest lepszą opcją.

reCAPTCHA

reCAPTCHA to usługa Google. Został udoskonalony przez ponad dekadę, aby wykrywać boty spamujące. Nie wymaga od użytkowników interakcji z oddzielnym elementem w formularzu, aby udowodnić, że są ludźmi. Zamiast tego wykorzystuje dane z adaptacyjnych algorytmów opartych na ryzyku, aby określić, czy odwiedzający jest prawdziwą osobą, czy botem.

Odwiedzający jest oceniany na podstawie tych danych. Jeśli mają pozytywny wynik, ich formularz jest przesyłany. Jeśli nie uzyskają pozytywnego wyniku, zobaczą komunikat o wykryciu bota. Wynik można dostosować, aby zwiększyć lub zmniejszyć czułość.

Użytkownicy nie będą musieli nic robić, aby wejść w interakcję z ochroną przed spamem, więc nie będzie to miało na nich wpływu. Sam formularz wygląda normalnie, ale w prawym dolnym rogu ekranu zobaczysz ikonę informującą, że formularz jest chroniony przez reCAPTCHA. Ikona rozwija się po najechaniu kursorem, aby wyświetlić więcej informacji i udostępnić łącza.

Usługa Google reCAPTCHA jest dostępna bezpłatnie do 1 miliona ocen miesięcznie. Google ma również dostępną wersję dla przedsiębiorstw z większą precyzją i opcjami dostosowywania.

Skorzystaj z usługi ochrony przed spamem

Zobaczmy teraz, jak używać reCAPTCHA z modułem formularza kontaktowego Divi. Najpierw włącz opcję Użyj usługi ochrony przed spamem .

Spowoduje to otwarcie nowego zestawu opcji, w których możesz wybrać usługodawcę, wybrać konto i ustawić minimalny wynik. Przyjrzyjmy się bliżej każdemu ustawieniu.

Dostawca usługi

To lista wszystkich dostawców usług, których zintegrowałeś. Po prostu wybierz odpowiedniego dostawcę. Jeśli nie zintegrowałeś żadnych dostawców, pokaże się tylko domyślny, reCAPTCHA. W naszym przypadku reCAPTCHA jest dostawcą, którego szukamy, więc nie musimy wprowadzać żadnych zmian u usługodawcy.

Konto reCAPTCHA v3

Konto reCAPTCHA v3 pozwala wybrać konto, którego chcesz użyć do tego captcha. Jeśli nie masz jeszcze skonfigurowanych żadnych kont, zobaczysz duży przycisk DODAJ , za pomocą którego możesz dodać konto. Omówimy ten proces w następnej sekcji.

Minimalny wynik

Minimalny wynik pozwala określić wynik za dobrą interakcję. Wynik 0 to zwykle zła interakcja, na przykład bot. Złe interakcje widzą wizualne wyzwanie, aby udowodnić, że nie są botami. Wynik 1 to prawdopodobnie prawdziwa osoba, więc jest to uważane za dobrą interakcję. Wynik można dostosować w krokach co 0,1.

Ustawienie domyślne to 0,5. To dobre miejsce na początek. Jeśli dostajesz dużo botów, dostosuj wynik o 0,1, aż przestaną być problemem. Jeśli słyszysz skargi, że Twoi goście widzą wiadomość, że są botami, obniż wynik.

Jak skonfigurować reCAPTCHA

Przejdźmy przez proces zakładania konta reCAPTCHA i integrowania go z modułem formularza kontaktowego Divi.

Utwórz swoje konto

Aby utworzyć konto reCAPTCHA v3, przejdź do strony Informacje o reCAPTCHA i wybierz link w nagłówku oznaczony Konsola administracyjna v3 .

Następnie zobaczysz ekran tworzenia reCAPTCHA . Dodaj tytuł, wybierz reCAPTCHA v3, wpisz swoją domenę, zaakceptuj warunki korzystania z usługi i kliknij Prześlij.

• Etykieta: tytuł
• reCAPTCHA Typ: reCAPTCHA v3
• Domeny: Twoja domena
• Zaakceptuj warunki korzystania z usługi

Dodawanie reCAPTCHA do Twojej witryny

Twoje konto reCAPTCHA będzie teraz wyświetlać Twój klucz witryny i tajny klucz . Musisz je skopiować i dodać pojedynczo do modułu formularza kontaktowego. Będziesz także musiał wkleić nazwę swojego reCAPTCHA.

Aby dodać swoje konto reCAPTCHA, kliknij duży przycisk DODAJ pod rozwijanym polem wyboru konta.

Następnie wklej nazwę witryny , klucz witryny i tajny klucz w odpowiednich polach. Kliknij Prześlij . Jeśli jeszcze tego nie zrobiłeś, możesz teraz zamknąć stronę Google reCAPTCHA. Twoje konto reCAPTCHA jest teraz zintegrowane z modułem formularza kontaktowego Divi.

• Nazwa witryny: nazwa Twojej reCAPTCHA
• Klucz witryny: klucz dostarczony przez reCAPTCHA
• Tajny klucz: klucz dostarczony przez reCAPTCHA

Wybierz swoje konto

Następnie wybierz nowe konto z listy rozwijanej Konto reCAPTCHA v3 .

Minimalny wynik

Jeśli korzystałeś już z funkcji reCAPTCHA i otrzymujesz wiele spamerskich komentarzy, rozważ zmianę minimalnego wyniku . Zalecam rozpoczęcie od ustawienia domyślnego i dostosowanie w razie potrzeby. Zamknij ustawienia modułu formularza kontaktowego Divi i zapisz swoją pracę. Koniecznie przetestuj swój formularz kontaktowy.

• Minimalny wynik: 0,5

Przetestuj swój formularz kontaktowy

Następnie przetestuj formularz kontaktowy, aby upewnić się, że działa poprawnie. W prawym dolnym rogu zobaczysz ikonę informującą użytkownika, że ​​formularz jest chroniony przez reCAPTCHA. Odwiedzający z dobrym wynikiem będzie mógł normalnie przesłać swoją wiadomość.

W tym przykładzie ustawiłem zbyt wysoki wynik i wszyscy są postrzegani jako boty. Ustawiłem ten wynik na minimalną ocenę 1. Następnie obniżyłem wynik do 0,8 i mogłem przesłać formularz kontaktowy. Oto jak wygląda formularz ze zbyt wysokim wynikiem.

Kończące myśli

Oto nasze spojrzenie na to, jak używać reCAPTCHA w module formularza kontaktowego Divi. reCAPTCHA v3 jest lepszą opcją niż Basic Captcha. Oba zapewniają dobrą ochronę przed spamem, a moduł formularza kontaktowego daje możliwość korzystania z jednego z nich, ale reCAPTCHA jest najlepszą opcją dla ulepszonego UX i jest bardziej dokładna. To nie jest idealne, więc nadal możesz zobaczyć niektóre spamerskie komentarze, a Twoi goście mogą zostać zablokowani w korzystaniu z Twojego formularza kontaktowego. Na szczęście moduł formularza kontaktowego ma regulację, która daje kontrolę nad czułością reCAPTCHA.

Chcemy usłyszeć od ciebie. Czy używasz reCAPTCHA z modułem formularza kontaktowego Divi? Daj nam znać o swoich doświadczeniach w komentarzach.