Memasang Google reCAPTCHA di Halaman Web (Client-side)

6 Jan 2018
22:35
Javascript Tutorial DeVoresyah


Google reCAPTCHA

Google reCaptcha biasanya digunakan untuk mengantisipasi Bot, ya. Karena biasanya orang-orang sering menggunakan Bot untuk registrasi akun secara masal dan otomatis, mengklaim reward dari faucet, dan masih banyak lagi. Selain itu, Google reCaptcha juga baik dipasang agar tidak ada data dalam jumlah besar masuk ke sistem. Maka dari itu Google reCaptcha biasa sering ditemui di halaman registrasi atau login.

Pada artikel ini hanya dari Client-side saja, maksudnya pemasangan pada halaman web dan proses verifikasi recaptcha pun dari Client-side dan bukan dari Server-side.

  1. Silahkan masuk ke Google reCAPTCHA
  2. Kemudian pada bagian “Register a new site” terdapat beberapa data yang harus diisi
    1. Pada bagian “Label” bisa diisi dengan domain web
    2. Kemudian pilih reCAPTCHA V2
    3. Isi domain web yang akan dipasangi google recaptcha pada bagian “Domains”
    4. Centang “Accept the reCAPTCHA Terms of Service.”
  3. Kemudian Register
  4. Selanjutnya Anda akan diarahkan ke halaman panel web recaptcha Anda
  5. Kemudian ikuti petunjuk pada bagian “Adding reCAPTCHA to your site”
  6. Kemudian gunakan script berikut untuk memverifikasi captcha nya
function verify(){
	var anti_bot = grecaptcha.getResponse();
	if (anti_bot.length == 0) {
		alert('ReCaptcha is Successfully Verified')
	} else {
		alert('ReCaptcha is Not Verified')
	}	
}
Source Code
Rully Ardiansyah

My name is Rully Ardiansyah (DeVoresyah) from Indonesia. I am CEO also Developer on Vore Corporation. I have several projects in web programming and software development. In web programming project I usually use the php native and php framework. To the web client I thrive in almost all layers are CSS, HTML, JavaScript including jQuery and various frontend like twitter bootstrap framework. I also often explored GitHub to discover new things and learn what I have not to understand. In Software Development I usually use visal basic...