Saat menerapkan Google Invisible reCATPTCHA yang baru, secara default Anda mendapat sedikit lencana "protected by reCAPTCHA" di kanan bawah layar yang muncul saat Anda menggulirkannya.
Saya ingin menyembunyikan ini.
javascript
recaptcha
James Law
sumber
sumber
Saya telah menguji semua pendekatan dan:
visibility: hidden
danopacity: 0
JANGAN menonaktifkan pemeriksaan spam.Kode untuk digunakan:
Saat Anda menyembunyikan ikon lencana, Google ingin Anda merujuk layanan mereka pada formulir Anda dengan menambahkan ini:
sumber
Setel
data-badge
atribut keinline
Dan tambahkan CSS berikut
sumber
opacity: 0
atauvisibility: hidden
? Anda juga punya tautan ke tempat statistik itu?Google sekarang mengatakan, "Anda diizinkan menyembunyikan lencana selama Anda memasukkan branding reCAPTCHA secara jelas dalam aliran pengguna." Tautan
sumber
:(
Karena menyembunyikan lencana tidak benar-benar sesuai dengan TOU, dan opsi penempatan yang ada melanggar UI dan / atau UX saya, saya telah membuat penyesuaian berikut yang meniru penentuan posisi tetap, tetapi sebaliknya diberikan inline:
Anda hanya perlu menerapkan beberapa CSS pada wadah lencana Anda:
Saya pikir itu sejauh yang Anda bisa mendorongnya secara legal.
sumber
transform: scale(0.6)
danopacity: 0.6
Saya memutuskan untuk menyembunyikan lencana di semua halaman kecuali halaman kontak saya (menggunakan Wordpress):
Saya bukan pengembang web, jadi perbaiki saya jika ada sesuatu yang salah.
EDIT: Diperbarui untuk menggunakan visibilitas alih-alih tampilan.
sumber
Varian sedikit posting Matthew Dowell yang menghindari flash pendek, tetapi ditampilkan setiap kali formulir kontak 7 terlihat:
Saya kemudian menambahkan yang berikut ke header.php di tema anak saya:
sumber
Solusi saya adalah menyembunyikan lencana, lalu menampilkannya ketika pengguna berfokus pada input formulir - dengan demikian masih mematuhi T&C Google.
Catatan: reCAPTCHA yang saya tweak telah dihasilkan oleh plugin WordPress, jadi Anda mungkin perlu membungkus reCAPTCHA dengan
<div class="inv-recaptcha-holder"> ... </div>
Anda sendiri.CSS
jQuery
Jelas Anda dapat mengubah pemilih jQuery untuk menargetkan formulir tertentu jika perlu.
sumber
Untuk pengguna Formulir Kontak 7 di Wordpress metode ini berfungsi untuk saya: Saya menyembunyikan v3 Recaptcha di semua halaman kecuali yang dengan Formulir Kontak 7.
Tetapi metode ini harus bekerja di situs mana pun di mana Anda menggunakan pemilih kelas unik yang dapat mengidentifikasi semua halaman dengan elemen formulir input teks.
Pertama, saya menambahkan aturan gaya target di CSS yang dapat menutup ubin:
CSS
Kemudian saya menambahkan skrip JQuery di header saya untuk memicu setelah jendela dimuat sehingga pemilih kelas 'grecaptcha-badge' tersedia untuk JQuery, dan dapat menambahkan kelas 'sembunyikan' untuk menerapkan gaya CSS yang tersedia.
Ubin saya masih akan berkedip pada setiap halaman selama setengah detik, tapi ini solusi terbaik yang saya temukan sejauh ini yang saya harap akan sesuai. Saran untuk peningkatan dihargai.
sumber
ini tidak menonaktifkan pemeriksaan spam
sumber
Jika Anda menggunakan pembaruan Formulir Kontak 7 dan versi terbaru (versi 5.1.x), Anda harus menginstal, mengatur Google reCAPTCHA v3 untuk digunakan.
secara default Anda mendapatkan logo Google reCAPTCHA ditampilkan pada setiap halaman di kanan bawah layar. Ini menurut penilaian kami adalah menciptakan pengalaman buruk bagi pengguna. Dan situs web Anda, blog akan sedikit melambat (tercermin dengan PageSpeed Score), oleh situs web Anda harus memuat 1 perpustakaan JavaScript tambahan dari Google untuk menampilkan lencana ini.
Anda dapat menyembunyikan Google reCAPTCHA v3 dari CF7 (hanya perlihatkan jika perlu) dengan mengikuti langkah-langkah ini:
Pertama, Anda membuka
functions.php
file tema Anda (menggunakan File Manager atau FTP Client). File ini berada di:/wp-content/themes/your-theme/
dan menambahkan cuplikan berikut (kami menggunakan kode ini untuk menghapus kotak reCAPTCHA di setiap halaman):Selanjutnya, Anda akan menambahkan potongan ini di halaman yang Anda inginkan untuk menampilkan Google reCAPTCHA (halaman kontak, login, halaman register ...):
Lihat di Blog OIW - Cara Menghapus Logo Google reCAPTCHA dari Formulir Kontak 7 di WordPress (Sembunyikan lencana reCAPTCHA)
sumber
Ya, Anda bisa melakukannya . Anda dapat menggunakan css atau javascript untuk menyembunyikan lencana reCaptcha v3.
display: none
atauvisibility: hidden
untuk menyembunyikan kumpulan reCaptcha. Mudah dan cepat.Menyembunyikan lencana valid, sesuai dengan kebijakan google dan dijawab dalam faq di sini . Disarankan untuk menunjukkan kebijakan privasi dan ketentuan penggunaan dari google seperti yang ditunjukkan di bawah ini.
sumber
Saya melihat komentar selanjutnya tentang ini
sumber
Catatan: jika Anda memilih untuk menyembunyikan lencana, silakan gunakan
.grecaptcha-badge { visibility: hidden; }
Anda diizinkan menyembunyikan lencana selama Anda menyertakan branding reCAPTCHA secara kasat mata dalam alur pengguna. Harap sertakan teks berikut:
Situs ini dilindungi oleh reCAPTCHA dan Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.
lebih detail di sini reCaptacha
sumber
Formulir kontak Recaptcha 7 dan solusi Recaptcha v3.
Lebih dari Satu Halaman Formulir Kontak?
Anda dapat menambahkan lebih banyak "not" jika Anda memiliki lebih banyak halaman formulir kontak.
Pastikan bagian tubuh Anda akan menyukai ini:
Ubah sehingga terlihat seperti ini:
sumber