בית הספר לוורדפרס » הוספת גוגל reCAPTCHA (קאפצ’ה) באלמנטור לחסימת ספאם

הוספת גוגל reCAPTCHA (קאפצ’ה) באלמנטור לחסימת ספאם

נכתב ע"י יוחאי ירמיהו13 שאלות

תיאור קצר לשיעור: על מנת להימנע מבעיות ספאם שנוצרות מהוספת טופס יצירת קשר באלמנטור בשיעור נלמד זה כיצד להוסיף את האבטחה של גוגל reCAPTCHA לתוך טפסי יצירת קשר של אלמנטור באתר.

אורך השיעור: 5:30 דקות

קורסים המכילים את השיעור וידאו:

תוכן השיעור:

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

יצירת הרשאות reCAPTCHA בגוגל

הפעולה הראשונה שאנחנו צריכים לעשות בשביל להציג את האבטחה של גוגל קאפצ’ה באתר ועל מנת להימנע מבוטים ומהודעות מיותרות בטפסים של אלמנטור יהיה ליצור חשבון בגוגל של reCAPTCHA v3 וניתן לעשות זאת בקישור הבא:

https://www.google.com/recaptcha/admin/create

לאחר מילוי הפרטים וכתובת הדומיין באתר שאנחנו רוצים ליצור נקבל מגוגל קוד מפתח אתר (Site Key) וקוד מפתח סודי (Secret Key) וב-2 הקודים האלו אנחנו נשתמש על מנת להגדיר אותם באלמנטור.

הגדרת reCAPTCHA באלמנטור

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

על מנת להגדיר את הקוד עלינו להיכנס מתוך אזור הניהול אל ההגדרות של אלמנטור ולאחר מכן באופציה של “אינטגרציות”.

בעמוד שיפתח נכניס את המפתח אתר ואת המפתח הסודי תחת האפשרות של reCAPTCHA V3.

לאחר מילוי הפרטים יש לשמור את השינויים באלמנטור כדי שנוכל להכניס את הקוד לתוך הטופס מילוי.

הוספת reCAPTCHA לטופס באלמנטור

לאחר שסיימנו להגדיר את גוגל reCAPTCHA בסעיף הקודם כעת עלינו לחזור אל העמוד באלמנטור שמכיל את הטופס מילוי ולהוסיף תחת שדות טופס פריט נוסף שנקרא reCAPTCHA V3.

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

הסרת הקוד של protected by reCAPTCHA

בעמוד מידע של גוגל הם מציינים שהם מאפשרים להסתיר את התגית של גוגל reCAPTCHA ואפשר לראות מה הם כותבים בנושא תחת הכותרת של “I’d like to hide the reCAPTCHA badge. What is allowed?” בעמוד מתחת:

https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed

אז בשביל להסיר את התגית של גוגל reCAPTCHA עלינו להכניס את הקוד CSS הבא אל קובץ ה-CSS הראשי שלי האתר שלנו וזה יסייע בהסתרת הסמל של גוגל שמופיע באתר ומציק לגולשים.

.grecaptcha-badge { visibility: hidden; }

הצטרפו לקהילות המובילות של בוני האתרים בישראל

זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:

מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪

קורסים מקיפים ומומלצים ללימוד בניית אתרים

לבנות אתר ב-10 ימים

קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.

קורס לבנות אתר ב-10 ימים 52 שיעורים שילמדו אותך הכל על בניית אתרים
בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
תמיכה לשנה לשאלות בעמודי השיעורים
גישה לקבוצת הפייסבוק של הקורס
גישה לכל החיים
תעודה הכשרה בסיום הקורס (קובץ PDF)
גישה לעדכונים ושיעורים חדשים
100% החזר כספי ל-14 ימים

רכשו את הקורס 578 סטודנטים לפניך (-:

מסלול וורדפרס Expert

למעלה מ-10 קורסים מלאים ומעל 600 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.

קורס וורדפרס Beginner קורס בניית אתרים למתחילים – (2,250 ₪)
קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
קורס וורדפרס Next Level מחיר הקורס 2,500 ₪
קורס וורדפרס SEO התאמת אתרים לגוגל – (750 ₪)
קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור – (999 ₪)
קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (550 ₪)
קורס וורדפרס Rocket שיפור מהירות לאתר – (999 ₪)
קורס וורדפרס Security חיזוק אבטחה לאתר – (750 ₪)
קורס וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (750 ₪)
בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
בונוס 11: 20 אלף בחודש מבניית אתרים איך למצוא לקוחות ולייצר הכנסה מבניית אתרים
בונוס 12: משיחת מכירה לכסף בחשבון איך לשפר את התהליך מכירה ולסגור יותר עסקאות
בונוס 13: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
705 שיעורים למתחילים + למתקדמים
תמיכה לשנה לשאלות בעמודי השיעורים
גישה לקבוצת הפייסבוק של הקורס
גישה לכל החיים
תעודה הכשרה בסיום הקורס (קובץ PDF)
גישה לעדכונים ושיעורים חדשים
100% החזר כספי ל-14 ימים

רכשו את הקורס 483 סטודנטים לפניך (-:

יוחאי ירמיהו

עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג’ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.

אוראל רוזנראוך
וורדפרס Expert
היי,
הוספת reCAPTCHA מומלץ רק במידה ויש שדה הודעה?
במידה ואין צורך בשדה הודעה, אלא רק באימייל, טלפון ושם אז מיותר להתקין את זה?
1. יוחאי ירמיהו
  הנהלת האתר
  היי אוראל,
  לפחות מהניסיון שלי בדרך כלל המילוי של ההודעות עם ספאם מגיע בעיקר כשיש שדה של הודעה.
  אם אין הודעה במרבית המקרים לא יצא לי לראות הצפה עם מיילים של ספאם אז זה לא חובה לעשות את זה, אבל אם את רואה שלמרות שיש בעיה של ספאם גם כשאין הודעה אז פשוט תוסיפי את זה.
אביב גורליק
וורדפרס Expert
הוספתי reCAPTCHA לפי הסרטון והכל עובד תקין, גם הכנסתי את הקוד CSS קדי להסתיר את הreCAPTCHA.
כשאני שולח הודעה בתור לקוח אני לא רואה שום שינוי זאת אומרת לא קופץ מולי חלון עם תמונות שאני צריך לבחור או משהו בסגנון האם עדין הכל תקין?
1. יוחאי ירמיהו
  הנהלת האתר
  היי, כן זה אמור להיות תקין.
  כל עוד הכנסת reCAPTCHA נסתרת אז החלון תמונות יופיע רק במידה וגוגל יחשדו שמדובר על בוט, ולמי שגולש באופן תקין החלון של התמונות לא אמור להופיע.
אוראל רוזנראוך
וורדפרס Expert
היי יוחאי,
באתר של לקוחה היא קיבלה ספאמים בתגובות בבלוג.
זה נראה כמו תגובות של בוטים.
ה reCAPTCHA מכסה גם על תגובות באתר?
כי בהגדרת תגובות אין אופציה להוספת reCAPTCHA כמו בטפסי יצרת קשר.
1. יוחאי ירמיהו
  הנהלת האתר
  זה לא מכסה, אלא אם כן את מוצאת תוסף שמאפשר להוסיף את זה גם לתגובות.
  אני משתמש בתוסף שנקרא Titan Anti-spam & Security והוא עוזר לחסום את התגובות של הבוטים. את יכולה גם לנסות ולחפש תוסף ייעודי רק לנושא של התגובות כי התוסף הזה היה בעבר מיועד לתגובות והוא הפך לתוסף קצת יותר גדול של אבטחה (אבל אפשר לנסות גם אותו).
לימור רוזיק
וורדפרס Expert
היי יוחאי, הוספתי לטופס הראשי והכול בסדר. הוספתי גם לטופס נוסף בעמוד אחר שהוא מקוצר. כלומר בשורה אחת וללא השדה “הודעה”. יש שם 3 שדות וכפתור שליחה.
ברגע שהוספתי את ה recaptcha גם לטופס המקוצר הוא הוריד לי את הכפתור לשורה שאחריו… לא הצלחתי לסדר זאת. רק שמחקתי את השדה recaptcha הוא החזיר חזרה את הכפתור שיהיה באותה שורה עם שאר השדות… מה עושים?
1. יוחאי ירמיהו
  הנהלת האתר
  היי לימור, ניסיתי אולי לשנות את המיקום של ה-recaptcha בטופס ולראות אם זה עוזר? להעלות את זה לשדה הראשון או האחרון?
  האמת שאני לא מכיר את הבעיה אבל אם זה לא פתר תנסי לעשות צילום מסך של מה שאתה רואה ואולי אני אבין משהו משם.
  1. לימור רוזיק
    וורדפרס Expert
    תודה! העלתי את השדה למעלה וזה עזר 🙂
בר גפן
וורדפרס Expert
היי יוחאי, עשיתי את מה שאמרת בסרטון לפני כמה חודשים, העניין הוא שעכשיו קיבלתי מייל מ- Google cloud שאומר שלא סיימתי ונותן לי קוד להשתמש, (אני לא מבינה בקוד) להתעלם מזה או לעשות משהו?
1. יוחאי ירמיהו
  הנהלת האתר
  היי בר, זה נראה כאילו הם רוצים שתטמיעי קוד בתוך האתר ותוסיפי עוד קוד של לחיצות. זה נראה כמו הטמעה ידנית אבל אני חושב שאלמנטור עושים את זה עבורך.
  אם זה עבד לך לפני כמה חודשים ואת לא מקבלת הודעות ספאם אז אני חושב שאפשר להתעלם מזה.
עמית רוזנטל
וורדפרס Expert
היי יוחאי,
האם מלכודת דבש בנוסף לריקפצ’ה נותנת משהו או שזה סתם ליצור קוד מיותר?
1. יוחאי ירמיהו
  הנהלת האתר
  היום רוב הבוטים המתוחכמים יותר להתמודד עם המלכודת דבש אבל לא יזיק להוסיף גם את זה. זאת לא כזאת כמות גדולה של קוד שזה אמור להשפיע על האתר.