הוספת גוגל reCAPTCHA ב-Contact Form 7
נכתב ע"י יוחאי ירמיהו2 שאלות
תיאור קצר לשיעור: על מנת להימנע מבעיות ספאם שנוצרות בגלל התקנת התוסף של Contact Form 7 נלמד בשיעור זה כיצד להוסיף את האבטחה של גוגל reCAPTCHA לתוך טפסי יצירת קשר באתר.
אורך השיעור: 4:00 דקות
קורסים המכילים את השיעור וידאו:
איך לבנות אתר בחינם בשעה וחצי?
✓ על ידי מילוי הטופס אני מאשר/ת קבלת טיפים, מדריכים בחינם וחומר פרסומי למייל
תוכן השיעור:
אחד החסרונות הגדולים של טופס יצירת קשר 7 היא העובדה שאתם הולכים לקבל הרבה הודעות ספאם מהטופס, במיוחד עם יש לכם גם שדה שמאפשר להשאיר הודעה.
בשיעור היום ננסה ללמוד איך להוסיף שאלת אבטחה כדי להקטין את מספר הפניות ספאם שאתם הולכים לקבל באתר.
יצירת הרשאות reCAPTCHA בגוגל
הפעולה הראשונה שאנחנו צריכים לעשות בגוגל בשביל להציג את האבטחה של גוגל באתר ועל מנת להימנע מכניסות של בוטים ומהודעות טופס יצירת קשר 7 מיותרות יהיה ליצור חשבון בגוגל של reCAPTCHA v3 וניתן לעשות זאת בקישור הבא:
https://www.google.com/recaptcha/admin/create
לאחר מילוי הפרטים וכתובת הדומיין באתר שאנחנו רוצים ליצור נקבל מגוגל קוד מפתח אתר (Site Key) וקוד מפתח סודי (Secret Key) וב-2 הקודים האלו אנחנו נשתמש על מנת להגדיר את האבטחה בטופס יצירת קשר 7.
הגדרת reCAPTCHA בטופס יצירת קשר 7
לאחר שקיבלנו מגוגל מפתח סוגי וקוד מפתח כעת נצטרך להדביק את הקוד שקיבלנו באתר על מנת שהאבטחה של גוגל מפני ספאם תתחיל לעבוד ונפסיק לקבל פניות מיותרות מבוטים.
על מנת להגדיר את הקוד עלינו להיכנס מתוך אזור הניהול אל העמוד של “צור קשר” ולאחר מכן לבחור את האפשרות של “אינטגרציות”. בעמוד שיפתח נבחר באפשרות של reCAPTCHA ונסמן את האופציה של “הגדרת אינטגרציה”.
בתוך הקוד של מפתח אתר נכניס את הקוד של Site Key מגוגל ובתוך הקוד של מפתח סודי נכניס את הקוד של Secret Key ונלחץ על הכפתור של שמירת שינויים.
לאחר שנעשה את זה יופיע לנו בתוך האתר איזשהו סימן של גוגל עם ההודעה protected by reCAPTCHA ואם זה מופיע אז סביר להניח שהגדרתם את הקוד כמו שצריך.
חשוב לציין שבעבר היה צורך להכניס את הקוד של [recaptcha] לתוך טופס יצירת הקשר על מנת שהוא יעבוד אבל היום אין יותר צורך לעשות זאת כאשר אתם מתקינים באתר את גרסה V3.
הסרת הקוד של protected by reCAPTCHA
בעמוד מידע של גוגל הם מציינים שהם מאפשרים להסתיר את התגית של גוגל reCAPTCHA ואפשר לראות מה הם כותבים בנושא תחת הכותרת של “I’d like to hide the reCAPTCHA badge. What is allowed?” בעמוד מתחת:
אז בשביל להסיר את התגית של גוגל reCAPTCHA עלינו להכניס את הקוד CSS הבא אל קובץ ה-CSS הראשי שלי האתר שלנו וזה יסייע בהסתרת הסמל של גוגל שמופיע באתר ומציק לגולשים.
.grecaptcha-badge { visibility: hidden; }
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪
-
קורס: וורדפרס Tool Kit
275.00 ₪69.00 ₪ -
20 אלף בחודש מבניית אתרים
250.00 ₪69.00 ₪ -
נגישות אתרים באופן מעשי
499.00 ₪199.00 ₪ -
התנהלות עם לקוחות
250.00 ₪99.00 ₪ -
משיחת מכירה לכסף בחשבון
250.00 ₪99.00 ₪ -
בניית אתרים + כתיבת קוד עם AI (בינה מלאכותית)
250.00 ₪199.00 ₪ -
זכויות יוצרים בדיגיטל
250.00 ₪69.00 ₪ -
יסודות העיצוב לבוני אתרים
250.00 ₪69.00 ₪ -
קורס קלאודוויז + קורס קלאודפלייר + פתיחת מייל עסקי בחינם
250.00 ₪29.00 ₪ -
אפיון ראשוני ומחקר מילות מפתח
250.00 ₪29.00 ₪ -
גיבוי, שחזור, ותחזוקה לאתר
350.00 ₪29.00 ₪ -
התקנת וורדפרס על המחשב
250.00 ₪29.00 ₪
עוד לא צפיתם בהדרכה? זה בחינם!
יש לי הצעה מעניינת יצרתי הדרכה מלאה של למעלה משעתיים שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.
✓ על ידי מילוי הטופס אני מאשר/ת קבלת טיפים, מדריכים בחינם וחומר פרסומי למייל
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- קורס לבנות אתר ב-10 ימים 52 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
מסלול וורדפרס 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 ימים
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג’ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שיעורים נוספים במודול: הוספת טפסי יצירת קשר
שאלות ותשובות לשיעור
2 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
האם יש אפשרות להסתיר את הרה קפצה רק במובייל?
היי, אם את מוסיפה את הקוד CSS הבא זה יסיר את הסמל גם במובייל וגם במחשב. אין סיבה להסיר את זה רק בפלטפורמה אחת כשאפשר בשניהם.
.grecaptcha-badge { visibility: hidden; }