אתר זה משתמש בעוגיות למטרות שונות, כמפורט במדיניות הפרטיות.

מדריך הוספת reCAPTCHA בטפסי יצירת קשר

דייב אברג'ל,

אם נכנסתם למאמר הנוכחי זה אומר שאתם מנסים למנוע דואר זבל המתקבל מטפסי צור קשר באתר שלכם,
הרוב המוחלט של הודעות אלה הן דואר זבל אוטומטי הנשלח ע"י רובוטים, ולא על ידי אנשים אמיתיים.
לכן הפתרון היעיל והמהיר ביותר הוא התקנת reCAPTCHA, פתרון זה יודע להבדיל בצורה די חכמה אם אני (בתור המשתמש או המכונה שממלאת את הטופס) מתנהג בצורה של אדם אנושי או בוט.

במאמר זה, נראה לכם איך להוסיף reCAPTCHA בטפסי צור קשר בכדי למנוע את קבלת הודעות הספאם.
דבר נוסף לפני שמתחילים, במדריך זה נבצע את ההדגמה על גבי התוסף המוכר והידוע Contact Form 7 (בשל השימוש הנרחב בו), אבל כמובן שאפשרי להתקין reCAPTCHA על גבי כל תוסף צור קשר.

 

למה להשתמש ב reCAPTCHA?


הסיבה הראשונה היא חסימת דואר זבל על ידי אימות אנושי, כל ניסיונות הספאם האוטומטיים יחסמו בצורה גורפת.
הסיבה השניה היא שזה פשוט וקל לשימוש עבור משתמשים, Google שיפרה את כלי ה- CAPTCHA שלהם וכרגע אנו משתמשים ב-reCAPTCHA v2.0,
נכון להיום במקום להזין טקסט – משתמשים יכולים פשוט לסמן עם העכבר את תיבת הסימון והכלי מבין כי לא מדובר בספאם בוט אוטומטי.

 

איך מתקינים reCAPTCHA?

 

reCAPTCHA הוא שירות חינמי המסופק על ידי Google, אבל לשם הפעלתו נדרשים שני "מפתחות אימות".
ניתן ליצור מפתחות אלו בקלות על ידי לחיצה על הקישור של reCAPTCHA.

עם כניסתכם לאתר, לחצו על Get reCAPTCHA בשביל להמשיך.

השג recaptcha

תתבקשו להיכנס באמצעות חשבון ה-Google שלכם. לאחר הכניסה, תועברו לדף שבו תוכלו לרשום את אתרכם (להוסיף אתר חדש) עבור שירות reCAPTCHA.
הזינו את שם האתר בשדה "Label"זה לשימוש שלכם, כך שתוכלו לזהות את האתר אם אי פעם יהיה צורך לקבל את המפתחות שוב.
לאחר מכן עליכם להוסיף את שם הדומיין, למשל upress.co.il. כדי לאשר את הפעולה, לחצו על כפתור Register.

הרשמה ל-recaptcha

כעת תועברו לעמוד המציג את מפתח האתר והמפתח הסודי עבור האתר החדש שהוספתם.

מפתחות recaptcha

העתיקו את מפתח האתר ואת המפתח הסודי שלכם (נצטרך אותם בשלב הבא), וחזרו לניהול האתר שלכם במצב עריכה (לממשק הוורדפרס בתור מנהלים).

גשו בסרגל הצד אל טפסי צור קשר > אינטגרציות והדביקו את מפתח האתר ואת המפתח הסודי תחת הגדרות reCAPTCHA.

מפתחות recaptcha

אל תשכחו ללחוץ על הלחצן שמור הגדרות כדי לשמור את השינויים.

 

הוספת reCAPTCHA לטפסים שלכם


כעת ניצור טופס צור קשר חדש (או נערוך טופס קיים).
בטופס החדש שיצרתם, יש ללחוץ על הכפתור reCAPTCHA בחלקו העליון של המסך (שימו לב שהמקום שבו ממוקם סמן העכבר זה יהיה המיקום של תיבת ה reCAPTCHA)

הוספת recaptcha

לאחר שמילאתם את שאר נתוני הטופס יש ללחוץ כפתור שמירת ההגדרות, והטופס מוכן להטמעה באתר שלכם.

 

התוצאה סופית אמורה להיראות כך:

טופס עם recaptcha

זהו טופס מוכן לשימוש, מוגן על ידי הטכנולוגיה הנהדרת reCAPTCHA שפותחה על ידי Google.

דייב אברג'ל

סמנכ"ל ומייסד uPress, מפתח Backend & Frontend, מתמחה בשיפור ביצועים לאתרי וורדפרס, טיפול בבעיות אבטחה מתקדמות, ושיווק ברשתות חברתיות. שותף פעיל במספר פרוייקטים מעניינים בתחום המוגשים כתרומה לקהילה - WiPi, Enable, Greenicon, Speedom, ועוד..

  • אולי יעניין אותך..

  • 11 תגובות על “מדריך הוספת reCAPTCHA בטפסי יצירת קשר”

    1. היי מוריה, אפשר להוסיף לפני הפעולה של "הוספת תגובה" את האימות של reCAPTCHA כדי לוודא שהמשתמש הוא לא רובוט.
      אבל קיים פתרון נוסף שהוא יותר מובנה לצורך זה – והוא תוסף וורדפרס בשם Akismet המגיע כברירת מחדל עם ליבת הוורדפרס (רק צריך להפעיל אותו על ידי מפתח API).

      1. היי אביב, זה לא נראה שזה אפשרי. נסה להתקין תוסף חיצוני לניהול טפסי הצור קשר שלך, וטען אותו כאמצעות מודול HTML בתוך עורך העמודים שלך.

    2. הגירסה האחרונה של CF7 תומכת רק בגירסה 3 של RECAPTCHA, שזו גירסה ללא צ'קבוקס שצריך לסמן בו V. אז בגדול ההנחיות לעיל נכונות למעט הסוף – אין צורך להוסיף אותו לאף טופס, הוא עובד ברקע בכל רחבי האתר.

      אבל אלה לא רק חדשות טובות, יש תוספת מעיקה במקום: לשונית צפה עם הלוגו של RECAPTCHA, שמופיעה בצד ימין למטה בכל רחבי האתר. ניתן להסתיר אותה עם CSS, אבל זה נוגד את הכללים של גוגל. לחילופין, ניתן להוסיף קצת HTML לטופס עם הפניה לתנאים של גוגל ואז זה בסדר. פרטים כאן:
      https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-v3-badge-what-is-allowed

    3. היי,

      מותקן אצלי באתר REcaptcha אבל עדיין אני מקבל הודעות ספאם מדף אחד ספציפי (עמוד הבית).
      יש למישהו רעיונות למה ואיך מטפלים בזה?

      תודה,
      אלעד

      1. נסה לבדוק מאיזה טופס בדיוק נשלחים אליך הודעות הספאם, במידה וזיהית את הטופס הבעייתי תנסה לבדוק אם הוא מאובטח (נסה בעצמך לשלוח ללא קאפצ'ה וכך תוודא שהיא אכן עושה את העבודה שהיא אמורה לעשות).

    4. למרות שאין לי הרבה ידע בוורדפרס, הצלחתי לעבור את רוב השלבים בקלות, בזכות הפירוט המקצועי והמסודר.
      רק… נתקעתי בשלב האחרון. כשנכנסתי לעריכת טופס צור קשר קיים, לא הופיע לי הכפתור reCAPTCHA
      (מותקן אצלי התוסף צור קשר 7) איך אני משכנעת אותו להגיע?

    כתיבת תגובה

    האימייל לא יוצג באתר. שדות החובה מסומנים *