วิธีใช้ reCAPTCHA สำหรับโมดูลแบบฟอร์มการติดต่อ Divi ของคุณ

แบบฟอร์มการติดต่อเป็นหนึ่งในแบบฟอร์มยอดนิยมที่บอทใช้ในการส่งสแปมถึงคุณ reCAPTCHA ของ Google เป็นหนึ่งในเครื่องมือที่ดีที่สุดในการลดสแปมนั้น โชคดีที่โมดูลแบบฟอร์มการติดต่อของ Divi ทำงานร่วมกับ reCAPTCHA ได้อย่างสมบูรณ์แบบ ในโพสต์นี้ เราจะดูวิธีใช้ reCAPTCHA สำหรับโมดูลแบบฟอร์มติดต่อ Divi ของคุณ เราจะดูวิธีตั้งค่าบัญชี reCAPTCHA และวิธีใช้กับโมดูลแบบฟอร์มการติดต่อ

มาเริ่มกันเลย.

เปิดใช้งาน ReCAPTCHA สำหรับโมดูลแบบฟอร์มติดต่อ Divi ของคุณ

ก่อนอื่น มาดูวิธีเปิดใช้งาน reCAPTCHA สำหรับโมดูลแบบฟอร์มติดต่อ Divi ของคุณ ตัวเลือกนี้มีอยู่แล้วภายใน แต่คุณจะต้องเปิดใช้งานก่อนแล้วจึงตั้งค่า โชคดีที่มันไม่ใช่เรื่องยาก สำหรับตัวอย่างของเรา ฉันใช้หน้าติดต่อจาก Poke Restaurant Layout Pack ฟรีที่มีอยู่ใน Divi

เปิดการตั้งค่าโมดูลแบบฟอร์มการติดต่อโดยคลิก ไอคอนรูปเฟือง สีเทาเข้มที่ปรากฏบนโฮเวอร์

ในแท็บแรก การตั้งค่าทั่วไป ให้เลื่อนลงไปที่ การป้องกันสแปม คุณจะเห็นสองตัวเลือกที่คุณสามารถเปิดใช้งานได้:

• ใช้บริการป้องกันสแปม
• ใช้แคปต์ชาพื้นฐาน

บริการป้องกันสแปมต้องมีการตั้งค่า ในขณะที่ Basic Captcha ทำงานนอกกรอบ แม้ว่าจะต้องมีการตั้งค่า แต่บริการป้องกันสแปมคือบริการที่ฉันแนะนำสำหรับผู้ใช้ Divi ส่วนใหญ่ มาดูกันดีกว่าว่าทำไม

reCAPTCHA กับ Basic Captcha

แม้ว่าทั้งสองตัวเลือกจะมีการป้องกันสแปม แต่วิธีการทำงานและการโต้ตอบกับผู้ใช้ก็แตกต่างกันมาก มาดูกันว่าแต่ละตัวทำหน้าที่อะไรและเปรียบเทียบกันอย่างไร

แคปต์ชาพื้นฐาน

แคปต์ชาพื้นฐานมีสมการทางคณิตศาสตร์อย่างง่ายและกล่องสำหรับป้อนคำตอบ นี่เป็นการเพิ่มขั้นตอนพิเศษที่ผู้ใช้ต้องต่อสู้ก่อนที่จะส่งข้อความ ผู้ใช้บางคนจะข้ามแบบฟอร์มและไปต่อ นอกจากนี้ แม้ว่าจะช่วยลดสแปม แต่ก็ไม่สามารถป้องกันบอทได้ 100% และคุณยังอาจได้รับสแปมจำนวนมาก

ตั้งค่าและใช้งานได้ง่าย และเป็นที่นิยมใช้ทั่วทั้งเว็บ ผู้ใช้จึงทราบวิธีใช้งาน เป็นตัวเลือกที่ดี โดยเฉพาะอย่างยิ่งหากคุณมีผู้ใช้ไม่มากนัก หากคุณต้องการการป้องกันที่ดีขึ้นและประสบการณ์การใช้งานที่ดีขึ้น reCAPTCHA เป็นตัวเลือกที่ดีกว่า

reCAPTCHA

reCAPTCHA เป็นบริการของ Google มีการปรับปรุงมานานกว่าทศวรรษเพื่อตรวจจับสแปมบอท ผู้ใช้ไม่จำเป็นต้องโต้ตอบกับองค์ประกอบแยกต่างหากภายในแบบฟอร์มเพื่อพิสูจน์ว่าพวกเขาเป็นมนุษย์ แต่จะใช้ข้อมูลจากอัลกอริทึมตามความเสี่ยงที่ปรับเปลี่ยนได้เพื่อระบุว่าผู้เข้าชมเป็นคนจริงหรือบอท

ผู้เยี่ยมชมจะได้รับคะแนนตามข้อมูลนั้น หากมีคะแนนสอบผ่าน แบบฟอร์มจะถูกส่งไป หากพวกเขาไม่มีคะแนนผ่าน พวกเขาจะเห็นข้อความว่าตรวจพบบอท สามารถปรับคะแนนเพื่อเพิ่มหรือลดความไวได้

ผู้ใช้ไม่ต้องดำเนินการใดๆ เพื่อโต้ตอบกับการป้องกันสแปม ดังนั้นพวกเขาจะไม่ได้รับผลกระทบจากการป้องกันสแปม แบบฟอร์มนั้นดูปกติ แต่คุณจะเห็นไอคอนที่มุมขวาล่างของหน้าจอเพื่อแสดงว่าแบบฟอร์มได้รับการป้องกันโดย reCAPTCHA ไอคอนจะขยายเมื่อวางเมาส์เหนือเพื่อแสดงข้อมูลเพิ่มเติมและระบุลิงก์

บริการ reCAPTCHA ของ Google มีให้ใช้ฟรีสำหรับการประเมินสูงสุด 1 ล้านรายการต่อเดือน Google ยังมีรุ่นสำหรับองค์กรที่มีความแม่นยำและตัวเลือกการปรับแต่งที่สูงขึ้น

ใช้บริการป้องกันสแปม

ตอนนี้ มาดูวิธีใช้ reCAPTCHA กับโมดูลแบบฟอร์มการติดต่อ Divi ของคุณ ขั้นแรก ให้เปิดใช้งาน ใช้บริการป้องกันสแปม

ซึ่งจะเปิดตัวเลือกชุดใหม่ที่คุณสามารถเลือกผู้ให้บริการ เลือกบัญชี และกำหนดคะแนนขั้นต่ำ มาดูการตั้งค่าแต่ละอย่างอย่างละเอียดยิ่งขึ้น

ผู้ให้บริการ

ซึ่งจะแสดงรายการผู้ให้บริการทั้งหมดที่คุณรวมไว้ เพียงเลือกผู้ให้บริการที่คุณต้องการ หากคุณยังไม่ได้ผสานรวมผู้ให้บริการใด ๆ ระบบจะแสดงเฉพาะค่าเริ่มต้น reCAPTCHA ในกรณีของเรา reCAPTCHA เป็นผู้ให้บริการที่เราต้องการ เราจึงไม่ต้องทำการเปลี่ยนแปลงใดๆ กับผู้ให้บริการ

บัญชี reCAPTCHA v3

บัญชี reCAPTCHA v3 ให้คุณเลือกบัญชีที่คุณต้องการใช้สำหรับ captcha นี้ หากคุณยังไม่ได้ตั้งค่าบัญชีใดๆ คุณจะเห็น ปุ่มเพิ่ม ขนาดใหญ่ที่คุณสามารถเพิ่มบัญชีได้ เราจะดำเนินการตามขั้นตอนนี้ในหัวข้อถัดไป

คะแนนขั้นต่ำ

คะแนนขั้นต่ำช่วยให้คุณระบุคะแนนสำหรับการโต้ตอบที่ดี คะแนน 0 มักจะเป็นการโต้ตอบที่ไม่ดี เช่น บอท การโต้ตอบที่ไม่ดีจะมองเห็นความท้าทายทางสายตาเพื่อพิสูจน์ว่าพวกเขาไม่ใช่บอท คะแนน 1 น่าจะเป็นบุคคลจริง ดังนั้นจึงถือว่าเป็นปฏิสัมพันธ์ที่ดี คุณสามารถปรับคะแนนโดยเพิ่มขึ้นทีละ .1

การตั้งค่าเริ่มต้นคือ 0.5 นี่เป็นจุดเริ่มต้นที่ดี หากคุณได้รับบอทจำนวนมาก ให้ปรับคะแนนเป็น 0.1 จนกว่าบอทเหล่านั้นจะไม่เป็นปัญหาอีกต่อไป หากคุณได้ยินคำบ่นว่าผู้เยี่ยมชมของคุณเห็นข้อความที่ระบุว่าพวกเขาเป็นบอท ให้ลดคะแนนลง

วิธีตั้งค่า reCAPTCHA

มาดูขั้นตอนการตั้งค่าบัญชี reCAPTCHA และรวมเข้ากับโมดูลแบบฟอร์มติดต่อ Divi ของคุณ

สร้างบัญชีของคุณ

หากต้องการสร้างบัญชี reCAPTCHA v3 ให้ไปที่หน้าเกี่ยวกับ reCAPTCHA แล้วเลือกลิงก์ในส่วนหัวที่มีข้อความว่า v3 Admin Console

ถัดไป คุณจะเห็นหน้าจอสำหรับ สร้าง reCAPTCHA เพิ่มชื่อ เลือก reCAPTCHA v3 ป้อนโดเมนของคุณ ยอมรับข้อกำหนดในการให้บริการ แล้วคลิก ส่ง

• ป้ายกำกับ: หัวเรื่อง
• ประเภท reCAPTCHA: reCAPTCHA v3
• โดเมน: โดเมนของคุณ
• ยอมรับข้อกำหนดในการให้บริการ

การเพิ่ม reCAPTCHA ในไซต์ของคุณ

บัญชี reCAPTCHA ของคุณจะแสดง รหัสไซต์ และ รหัสลับ ของคุณ คุณจะต้องคัดลอกและเพิ่มลงในโมดูลแบบฟอร์มการติดต่อทีละรายการ คุณจะต้องวางชื่อ reCAPTCHA ของคุณด้วย

หากต้องการเพิ่มบัญชี reCAPTCHA ของคุณ ให้คลิกปุ่ม เพิ่ม ขนาดใหญ่ใต้ช่องดรอปดาวน์การเลือกบัญชี

จากนั้น วาง ชื่อไซต์ รหัสไซต์ และ รหัสลับ ลงในฟิลด์ คลิก ส่ง หากคุณยังไม่ได้ดำเนินการ คุณสามารถปิดหน้า Google reCAPTCHA ได้แล้ว บัญชี reCAPTCHA ของคุณผสานรวมกับโมดูลแบบฟอร์มติดต่อ Divi ของคุณแล้ว

• ชื่อไซต์: ชื่อของ reCAPTCHA ของคุณ
• รหัสไซต์: รหัสที่จัดทำโดย reCAPTCHA
• รหัสลับ: รหัสที่จัดทำโดย reCAPTCHA

เลือกบัญชีของคุณ

ถัดไป เลือกบัญชีใหม่ของคุณจากช่องดร็อปดาวน์ บัญชี reCAPTCHA v3

คะแนนขั้นต่ำ

หากคุณเคยใช้ reCAPTCHA มาก่อนและได้รับความคิดเห็นที่เป็นสแปมจำนวนมาก ให้พิจารณาปรับ คะแนนขั้นต่ำ ของคุณ ฉันขอแนะนำให้เริ่มต้นด้วยการตั้งค่าเริ่มต้นและปรับตามต้องการ ปิดการตั้งค่าของ Divi Contact Form Module และบันทึกงานของคุณ อย่าลืมทดสอบแบบฟอร์มการติดต่อของคุณ

• คะแนนขั้นต่ำ: 0.5

ทดสอบแบบฟอร์มการติดต่อของคุณ

ต่อไป ให้ทดสอบแบบฟอร์มติดต่อของคุณ เพื่อให้แน่ใจว่าทำงานได้อย่างถูกต้อง คุณจะเห็นไอคอนที่มุมล่างขวาซึ่งแจ้งให้ผู้ใช้ทราบว่าแบบฟอร์มได้รับการป้องกันโดย reCAPTCHA ผู้เข้าชมที่มีคะแนนดีจะสามารถส่งข้อความได้ตามปกติ

สำหรับตัวอย่างนี้ ฉันได้กำหนดคะแนนไว้สูงเกินไป และเห็นว่าทุกคนเป็นบอท ฉันได้ตั้งค่านี้เป็นคะแนนขั้นต่ำ 1 จากนั้นฉันปรับคะแนนเป็น 0.8 และฉันสามารถส่งแบบฟอร์มติดต่อได้ นี่คือลักษณะของแบบฟอร์มที่มีคะแนนสูงเกินไป

สิ้นสุดความคิด

นี่คือภาพรวมของเราเกี่ยวกับวิธีใช้ reCAPTCHA สำหรับโมดูลแบบฟอร์มการติดต่อ Divi ของคุณ reCAPTCHA v3 เป็นตัวเลือกที่ดีกว่า Basic Captcha ทั้งสองอย่างมีการป้องกันสแปมที่ดีและโมดูลแบบฟอร์มการติดต่อให้คุณมีตัวเลือกในการใช้อย่างใดอย่างหนึ่ง แต่ reCAPTCHA เป็นตัวเลือกที่ดีที่สุดสำหรับ UX ที่ปรับปรุงแล้วและยังละเอียดกว่าด้วย ยังไม่สมบูรณ์แบบ ดังนั้นคุณยังคงอาจเห็นความคิดเห็นที่เป็นสแปม หรือผู้เยี่ยมชมของคุณอาจถูกบล็อกไม่ให้ใช้แบบฟอร์มติดต่อของคุณ โชคดีที่โมดูลแบบฟอร์มการติดต่อมีการปรับที่ให้คุณควบคุมความไวของ reCAPTCHA

เราต้องการได้ยินจากคุณ คุณใช้ reCAPTCHA กับโมดูลแบบฟอร์มการติดต่อ Divi หรือไม่ แจ้งให้เราทราบเกี่ยวกับประสบการณ์ของคุณในความคิดเห็น