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

Rifat Divi Tutorials May 3, 2023

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

เปิดใช้งาน reCAPTCHA สำหรับโมดูลแบบฟอร์มการติดต่อ Divi

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

ไปที่แท็บการตั้งค่าทั่วไปแล้วเลื่อนลงมาจนถึงส่วนการป้องกันสแปม ที่นี่ คุณจะพบสองตัวเลือก: ตัวเลือกแรกคือการใช้บริการป้องกันสแปม และตัวเลือกที่สองคือการใช้ Basic Captcha แม้ว่า Basic Captcha ไม่จำเป็นต้องตั้งค่าเพิ่มเติมและสามารถใช้งานได้ทันที แต่บริการป้องกันสแปมจำเป็นต้องมีการกำหนดค่าเริ่มต้น แม้จะมีขั้นตอนพิเศษนี้ ฉันขอแนะนำให้ผู้ใช้ Divi ส่วนใหญ่เลือกบริการป้องกันสแปม และในส่วนต่อไปนี้ เราจะอธิบายว่าเหตุใดจึงเป็นเช่นนี้

ความแตกต่างระหว่าง reCAPTCHA กับ Basic Captcha

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

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

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

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

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

reCAPTCHA

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

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

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

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

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

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

บัญชี reCAPTCHA v3

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

บัญชี ReCAPTCHA v3 เป็นส่วนประกอบของบริการ ReCAPTCHA v3 ที่ช่วยปกป้องเว็บไซต์จากสแปมและการละเมิดโดยการยืนยันว่ามีมนุษย์โต้ตอบกับไซต์ ช่วยให้คุณสร้างและจัดการหลายบัญชีที่เชื่อมโยงกับเว็บไซต์ของคุณ ทำให้ติดตามและตรวจสอบกิจกรรม captcha ได้ง่ายขึ้น

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

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

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

การตั้งค่า reCAPTCHA

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

สร้างบัญชี

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

หลังจากนั้น หน้าจอสร้าง reCAPTCHA จะปรากฏขึ้น ในการสร้าง reCAPTCHA คุณควรทำตามขั้นตอนเหล่านี้: ระบุชื่อเรื่อง เลือก reCAPTCHA v3 เป็นประเภท ป้อนโดเมนของคุณ ยอมรับข้อกำหนดในการให้บริการ และสุดท้าย คลิกปุ่มส่ง อย่าลืมติดป้ายกำกับ reCAPTCHA ด้วยชื่อที่เหมาะสม ระบุประเภท reCAPTCHA v3 ป้อนข้อมูลโดเมนของคุณภายใต้โดเมน และยอมรับข้อกำหนดในการให้บริการก่อนส่ง

การเพิ่ม reCAPTCHA ไปยังไซต์

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

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

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

  1. ชื่อไซต์: ชื่อ reCAPTCHA ของคุณ
  2. รหัสไซต์ ซึ่ง reCAPTCHA มอบให้
  3. รหัสลับ: รหัสลับของ reCAPTCHA

เลือกบัญชี

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

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

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

ในการเริ่มต้น คุณสามารถตั้งค่าคะแนนขั้นต่ำเป็น 0.5

การทดสอบแบบฟอร์มการติดต่อ

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

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

คำลงท้าย

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

Divi WordPress Theme