מדריך הוספת reCAPTCHA בטפסי יצירת קשר
דייב אברג'ל,
אם נכנסתם למאמר הנוכחי זה אומר שאתם מנסים למנוע דואר זבל המתקבל מטפסי צור קשר באתר שלכם,
הרוב המוחלט של הודעות אלה הן דואר זבל אוטומטי הנשלח ע"י רובוטים, ולא על ידי אנשים אמיתיים.
לכן הפתרון היעיל והמהיר ביותר הוא התקנת reCAPTCHA, פתרון זה יודע להבדיל בצורה די חכמה אם אני (בתור המשתמש או המכונה שממלאת את הטופס) מתנהג בצורה של אדם אנושי או בוט.
במאמר זה, נראה לכם איך להוסיף reCAPTCHA בטפסי צור קשר בכדי למנוע את קבלת הודעות הספאם.
דבר נוסף לפני שמתחילים, במדריך זה נבצע את ההדגמה על גבי התוסף המוכר והידוע Contact Form 7 (בשל השימוש הנרחב בו), אבל כמובן שאפשרי להתקין reCAPTCHA על גבי כל תוסף צור קשר.
למה להשתמש ב reCAPTCHA?
הסיבה הראשונה היא חסימת דואר זבל על ידי אימות אנושי, כל ניסיונות הספאם האוטומטיים יחסמו בצורה גורפת.
הסיבה השניה היא שזה פשוט וקל לשימוש עבור משתמשים, Google שיפרה את כלי ה- CAPTCHA שלהם וכרגע אנו משתמשים ב-reCAPTCHA v2.0,
נכון להיום במקום להזין טקסט – משתמשים יכולים פשוט לסמן עם העכבר את תיבת הסימון והכלי מבין כי לא מדובר בספאם בוט אוטומטי.
איך מתקינים reCAPTCHA?
reCAPTCHA הוא שירות חינמי המסופק על ידי Google, אבל לשם הפעלתו נדרשים שני "מפתחות אימות".
ניתן ליצור מפתחות אלו בקלות על ידי לחיצה על הקישור של reCAPTCHA.
עם כניסתכם לאתר, לחצו על Get reCAPTCHA בשביל להמשיך.
תתבקשו להיכנס באמצעות חשבון ה-Google שלכם. לאחר הכניסה, תועברו לדף שבו תוכלו לרשום את אתרכם (להוסיף אתר חדש) עבור שירות reCAPTCHA.
הזינו את שם האתר בשדה "Label". זה לשימוש שלכם, כך שתוכלו לזהות את האתר אם אי פעם יהיה צורך לקבל את המפתחות שוב.
לאחר מכן עליכם להוסיף את שם הדומיין, למשל upress.co.il. כדי לאשר את הפעולה, לחצו על כפתור Register.
כעת תועברו לעמוד המציג את מפתח האתר והמפתח הסודי עבור האתר החדש שהוספתם.
העתיקו את מפתח האתר ואת המפתח הסודי שלכם (נצטרך אותם בשלב הבא), וחזרו לניהול האתר שלכם במצב עריכה (לממשק הוורדפרס בתור מנהלים).
גשו בסרגל הצד אל טפסי צור קשר > אינטגרציות והדביקו את מפתח האתר ואת המפתח הסודי תחת הגדרות reCAPTCHA.
אל תשכחו ללחוץ על הלחצן שמור הגדרות כדי לשמור את השינויים.
הוספת reCAPTCHA לטפסים שלכם
כעת ניצור טופס צור קשר חדש (או נערוך טופס קיים).
בטופס החדש שיצרתם, יש ללחוץ על הכפתור reCAPTCHA בחלקו העליון של המסך (שימו לב שהמקום שבו ממוקם סמן העכבר זה יהיה המיקום של תיבת ה reCAPTCHA)
לאחר שמילאתם את שאר נתוני הטופס יש ללחוץ כפתור שמירת ההגדרות, והטופס מוכן להטמעה באתר שלכם.
התוצאה סופית אמורה להיראות כך:
זהו טופס מוכן לשימוש, מוגן על ידי הטכנולוגיה הנהדרת reCAPTCHA שפותחה על ידי Google.
תודה רבה על המאמר המפורט!
האם תוסף זה מגן גם על תגובות ספאם באתר?
היי מוריה, אפשר להוסיף לפני הפעולה של "הוספת תגובה" את האימות של reCAPTCHA כדי לוודא שהמשתמש הוא לא רובוט.
אבל קיים פתרון נוסף שהוא יותר מובנה לצורך זה – והוא תוסף וורדפרס בשם Akismet המגיע כברירת מחדל עם ליבת הוורדפרס (רק צריך להפעיל אותו על ידי מפתח API).
הי דייב
איך מוסיפים reCAPTCHA למודול צור קשר המובנה של WIPI?
היי אביב, זה לא נראה שזה אפשרי. נסה להתקין תוסף חיצוני לניהול טפסי הצור קשר שלך, וטען אותו כאמצעות מודול HTML בתוך עורך העמודים שלך.
הגירסה האחרונה של 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
איך אפשר להציג יותר מקאפצה אחת בעמוד בגרסה 2 ?
גרסה 3 עובדת מול כל סוגי הטפסים?
פשוט תכניס את הסקריפט מספר פעמים וזה אמור לעבוד.
היי,
מותקן אצלי באתר REcaptcha אבל עדיין אני מקבל הודעות ספאם מדף אחד ספציפי (עמוד הבית).
יש למישהו רעיונות למה ואיך מטפלים בזה?
תודה,
אלעד
נסה לבדוק מאיזה טופס בדיוק נשלחים אליך הודעות הספאם, במידה וזיהית את הטופס הבעייתי תנסה לבדוק אם הוא מאובטח (נסה בעצמך לשלוח ללא קאפצ'ה וכך תוודא שהיא אכן עושה את העבודה שהיא אמורה לעשות).
למרות שאין לי הרבה ידע בוורדפרס, הצלחתי לעבור את רוב השלבים בקלות, בזכות הפירוט המקצועי והמסודר.
רק… נתקעתי בשלב האחרון. כשנכנסתי לעריכת טופס צור קשר קיים, לא הופיע לי הכפתור reCAPTCHA
(מותקן אצלי התוסף צור קשר 7) איך אני משכנעת אותו להגיע?
תודה על המדריך המעולה!
צריך להוריד בנוסף גם תוסף REcaptcha ?
איזה מומלץ?