גוגל נותנת הרבה כלים (ללא עלות) לבעלי אתרים בשביל לשפר את החוויה האינטרנטית של כולנו. בין היתר ניתן למנוע שליחה של ספאם בטפסים באתר באמצעות Google reCaptcha שמאפשר בצורות שונות לאמת שהמשתמש אנושי ולא מחשב ששולח הודעות אוטומטיות.
טיפ: במידה ואתם משתמשים באלמנטור פרו, תוכלו להוסיף בקלות את אימות Google reCaptcha לאחר שתירשמו ותעתיקו את שורות הקוד לאימות של reCaptcha למערכת של אלמנטור באתר שלכם.
איך להסתיר את תג reCaptcha באתר?
בשביל להסתיר את התג נשתמש בפקודת CSS:
.grecaptcha-badge { visibility: hidden; }
על פי הנחיות גוגל, מותר להסתיר את תג reCaptcha ולהוסיף את שורות תנאי השימוש של גוגל לצד אימות טפסים, בצורה הזו:
This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and
<a href="https://policies.google.com/terms" target="_blank">Terms of Service</a> apply.
ועכשיו בעברית
אתר זה מאובטח באמצעות reCAPTCHA וגוגל בכפוף
<a href="https://policies.google.com/privacy" target="_blank">למדיניות פרטיות</a> ו-
<a href="https://policies.google.com/terms" target="_blank">מדיניות שימוש</a>.
ככה זה יראה בפועל:
רוצים לקרוא מהמקור? ההנחיות של גוגל בנוגע להסתרת reCaptcha נמצאות כאן
איך עושים את זה בוורדפרס?
בשביל להסתיר את תג reCaptcha בוורדפרס, נוכל להכניס בקלות את הקוד CSS לתוך הCSS המותאם של ערכת העיצוב, או תבנית-הבת של ערכת העיצוב.
מה לא לעשות!
לא להסתיר את התג באמצעות "Display:none". אם ייצא לכם להסתיר משהו באמצעות CSS באתר, בטח השתמשתם בפקודה Display:none אשר מסתירה מהאתר בצורה יעילה אלמנטים שאנחנו לא רוצים להציג, אבל לא יכולים או לא רוצים להסיר אותם לחלוטין מהאתר.
בשביל להסתיר את תג reCaptcha של גוגל, אסור להשתמש בפקודה Display:none בגלל שהיא תבטל את האימות של גוגל. במקום זאת נשתמש בפקודה Visibility:hidden כפי שגוגל ממליצים בשביל לא לבטל את פעולת האימות מולם.
