Cara Membuat Halaman Contact Us Untuk Blogger Dengan Google ReCaptcha [Adsense Friendly]

Hai sobat blog aans, apakah Kalian ingin Membuat Halaman Kontak Kami Untuk Blogger Dengan Bantuan Kode Html & Menggunakan Google Captcha? Hebat! Karena Anda telah datang ke tempat yang tepat. Sebab pada kali ini saya ingin berbagi tentang Cara Membuat Halaman Kontak Kami Untuk Blogger Dengan Google ReCaptcha [Adsense Friendly]. Postingan ingin saya buat setelah menemukan sebuah artikel yang berjudul How To Create Contact Us Page For Blogger With Google ReCaptcha [ Adsense Friendly ].

Jadi katakanlah kalian memiliki sebuah situs web menggunakan blogger dan Anda ingin memberi pengunjung Anda cara untuk menghubungi kalian. Tentu kalian dapat melakukannya dengan menambahkan formulir kontak.

Jadi setelah Anda membuat formulir ini Siapapun yang mengunjungi situs Anda akan dapat mengisi formulir ini dan ketika mereka mengklik 'kirim' Anda akan mendapatkan email dengan pesan tersebut mereka telah mengirim. Jadi ini akan memberi pengunjung Anda cara untuk menghubungi Anda, ketika mereka membutuhkan bantuan atau ketika mereka memiliki sesuatu untuk dibagikan. Oke!

Apa itu Formulir Hubungi Kami?

Formulir Kontak adalah cara paling sederhana bagi pengunjung Anda untuk menghubungi Anda tanpa meninggalkan situs web Anda, memungkinkan mereka untuk mengirimkan informasi kontak mereka (nama, alamat email) dan pertanyaan.

Informasi yang Anda kumpulkan dalam formulir kontak Anda biasanya dikirimkan langsung ke kotak masuk email Anda. Anda dapat menggunakan formulir Kontak untuk mengumpulkan umpan balik, menghasilkan prospek, berlangganan buletin, membangun komunitas Anda, dan banyak lagi.

Apa itu Google ReCaptcha?

Untuk mencegah perangkat lunak berbahaya terlibat dalam aktivitas penyalahgunaan di situs web Anda, reCAPTCHA menggunakan mesin analisis risiko tingkat lanjut dan tantangan adaptif.

Sementara itu, pengguna yang sah akan dapat masuk, melakukan pembelian, melihat halaman, dan membuat akun, sementara pengguna yang tidak sah akan dilarang.

Bagaimana Google ReCaptcha Akan Membantu dalam Formulir Hubungi Kami di Blogger?

Jika Seseorang Mencoba Meng-Spam Formulir Hubungi Kami, maka Dia tidak akan dapat melakukannya. Captcha Membantu Mengurangi Pesan Spam. Juga Captcha Tingkatkan Keamanan Formulir Kontak Anda.

Langkah-langkah Membuat Formulir Kontak Kami Dengan Google Recaptcha

Langkah 1: - Masuk ke Dasbor Blogger, Buka Halaman & Klik Halaman Baru

Langkah 2: - Buka Postingan dalam Tampilan HTML

Langkah 3: - Salin Kode Di Bawah Ini dan Tempel di "Tampilan HTML"

<!--Form Code Start Here--><div class="widget ContactForm" data-version="2" id="ContactForm1"><div class="widget-title"></div><div class="contact-form-widget"><div class="form"><form action="https://formsubmit.co/add-your-email@gmail.com" method="POST" name="contact-form" onsubmit="return submitUserForm();"><input name="_template" type="hidden" value="table" /><input name="_subject" type="hidden" value="Work0Crazy New Contact Us Message " /><input name="_captcha" type="hidden" value="false" /><input name="_next" type="hidden" value="https://yoursitelink.com/p/thanks-for-contacting-us.html" /><p></p>Name<span style="font-weight: bolder; color:red;">*</span><br /><input class="contact-form-name" id="" name="Name" required="" size="30" type="text" value="" placeholder="Enter Your Name"/><p></p>Phone Number <span style="font-weight: bolder; color:red;"></span><input class="contact-form-name" id="" name="Phone" size="30" type="text" value="" placeholder="Enter Your Phone Number Without +91" pattern="[0-9]{10}"/><p></p>Email<span style="font-weight: bolder; color:red;">*</span><br /><input class="contact-form-email" id="" name="Email" required="" size="30" value="" type="email" placeholder="Enter Your Email"/><p></p>Message<span style="font-weight: bolder; color:red;">*</span><br /><textarea class="contact-form-email-message" cols="25" id="" placeholder="Enter Your Message" name="Message" required="" rows="5"></textarea> <p></p><button class="contact-form-button button contact-form-button-submit" id="" style="margin-bottom: 10px;" type="submit" value="Send">Send Message</button><p></p><div style="max-width: 222px; text-align: center; width: 100%;"></div></form><!--Form Code End Here--><!--reCaptcha Code Begin Here--><div id="g-recaptcha-error"></div><div class="g-recaptcha" data-callback="verifyCaptcha" data-sitekey="00000000000000000"></div><br /><br /><br /> <br /><br /><br /><br /><br /><br /><div id="g-recaptcha-error"></div><br /><br /><br /><script src="https://www.google.com/recaptcha/api.js"></script><script>function submitUserForm() {    var response = grecaptcha.getResponse();    if(response.length == 0) {        document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Solve below reCAPTCHA.</span>';        return false;    }    return true;}function verifyCaptcha() {    document.getElementById('g-recaptcha-error').innerHTML = '';}</script><!--reCaptcha Code Ends Here--></div></div> </div>

Anda Perlu Membuat Beberapa Perubahan dalam Kode untuk Menerima Pesan, Jadi Ikuti Langkah-Langkahnya Karena Jika Anda Melakukan Kesalahan Kecil Formulir Tidak Akan Berfungsi ATAU Orang Lain Akan Menerima Pesan

Langkah 4: - Ikuti Langkah Di Bawah Ini untuk Membuat Kunci Situs

• Pergi ke https://www.google.com/recaptcha dan Klik Menu dan Pilih "V3 admin Console"
• Di Label , Masukkan Url Domain Anda Seperti 'shubhamogging.com'
• Pada tipe reCAPTCHA, Pilih reCAPTCHA v2, setelah itu Centang “I’m not a robot”
• Di Domain, Tambahkan Domain Anda Seperti 'shubhamogging.com'
• Klik Kotak Centang & Terima Persyaratan Layanan reCAPTCHA
• Klik 'Kirim'
• Salin Kunci Situs
• Dalam kode Formulir Hubungi Kami di atas, Temukan “000000000000000000” . Ubah Dengan Kunci Situs Captcha Anda.

Langkah 5:- Langkah-Langkah Membuat ‘Halaman Terima Kasih Telah Menghubungi Kami‘

• Di Dashboard Blogger, Buat Halaman Baru dan Beri Judul 'Terima Kasih Telah Menghubungi Kami'
• Buka Halaman di 'Tampilan HTML' dan Tempel Kode Di Bawah ini

<p class="note">  Hi there! Welcome to Aans Blogging. We have received your message and will get  back to you within 24 Hrs.</p><center><a class="button" href="telegram.me">  <svg    style="fill:#fff; margin-right:12px;"    xmlns="http://www.w3.org/2000/svg"    viewBox="0 0 32 32"  >    <g>      <path        d="M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z"      ></path>    </g>  </svg>  <span>Telegram me!</span></a><a class="button" href="Instagram.com">  <svg style="fill:#fff; margin-right:12px;" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><g><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'></path><path d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'></path><circle cx='23' cy='9' r='1'></circle></g></svg>  <span>Instagram me!</span></a></center>

• Ubah "Aans Blogging" Dengan Nama Situs Anda
• Ubah "telegram.me" Dengan Akun / Saluran Telegram Anda
• Ubah “Instagram.com” Dengan Akun Instagram Anda
• Memublikasikan Halaman dan Salin Url Halaman
• Sekarang Buka Kode Halaman Hubungi Kami dan Temukan "https://yoursitelink.com/p/thanks-for-contacting-us.html" Url ini & Ubah Url Dengan Terima Kasih Anda Telah Menghubungi Halaman Kami' Url.

Langkah 6:- Langkah Menambahkan Email & Memverifikasi Tautan Email untuk Mulai Bekerja Halaman Hubungi Kami

• Pertama Buka Kode Halaman Hubungi Kami dan Temukan "https://formsubmit.co/add-your-email@gmail.com" dan Ubah 'add-your-email' Dengan ID Email Anda & Publikasikan Halaman Hubungi Kami

Pastikan, Bahwa Anda Telah Mengikuti Semua Langkah Di Atas Dengan Hati-hati dan Ini Adalah Langkah Paling Penting untuk Memverifikasi ID Email Anda

• Sekarang Buka Halaman Kontak Kami dan Isi Formulir, Selesaikan Captcha dan Klik Kirim Pesan
• Setelah Mengklik 'Kirim Pesan', Anda Akan Menerima Email Dari Formulir Kirim untuk Mengaktifkan Formulir.
• Klik "Aktifkan Formulir" Seperti Yang Ditunjukkan pada Gambar Di Bawah

• Sekarang Anda akan melihat pesan bahwa Formulir Anda Diaktifkan, Sekarang siapa pun dapat Menghubungi Anda menggunakan Formulir Contact Us.

Kesimpulan

Dalam posting ini saya membagikan kepada Anda “Cara Membuat Halaman Contact Us Untuk Blogger Dengan Google ReCaptcha [ Adsense Friendly ]“. Saya harap Anda menyukai posting saya. Silakan kunjungi situs kami setiap hari untuk lebih banyak posting baru. Terima kasih telah mengunjungi situs kami.

Source:
https://www.shubhamblogging.com/how-to-create-contact-us-page-for-blogger-with-google-recaptcha-adsense-friendly/