Your browser does not support JavaScript!

Gaswad.Com

— Apapun Informasinya Yang Penting Berguna
    Follow :

Tutorial : Cara Memasang reCAPTCHA 2.0
Aug 18th, 2015

Tutorial : Cara Memasang reCAPTCHA 2.0

Category : Tutorials | Posted by G-admin at at August 18th, 2015 12:23 pm
7131 | 6

Agan, apa itu reCAPTCHA gan?? reCAPTCHA adalah salah satu fitur yang di kembangkan oleh Om’ Google untuk mem-validasi alamat IP yang cenderung melakukan aktifitas tidak terpuji sehingga merugikan pihak tertentu, khususnya aktifitas yang di lakukan pada kolom input seperti Form Contact, Search, dll.

JADI, reCAPTCHA akan memfilter apakah IP pengguna yang ingin melakukan kegiatan input data dari form-form tersebut akan di validasi terlebih dahulu apakah IP tersebut masuk dalam daftar blacklist mereka atau tidak, jika tidak makan kegiatan input data dapat di lanjutkan, jika sebaliknya makan kegiatan tersebut tidak akan di lanjutkan.

Nah, jadi kalau website atau hosting kalian sering kena Spam, Malware, Backdoor, Virus, Mallicious Script, dll. bisa jadi karena form input website kalian tidak ada pengamanannya, jadi data apapun bisa masuk melalui form input tersebut. (hacker emang hebat yah…)

Next, untuk dapat mengikuti tutorial ini agar kalian tidak sakit kepala pada saat implementasinya maka kalian harus memiliki :

  • Skill bahasa pemrograman PHP, ngga harus jago, yang penting kalian mengerti apa itu If dan Else.
  • Nama domain, kenapa harus punya nama domain?? Karena reCAPTCHA tidak bisa berjalan di localhost.
  • Website, kenapa harus punya nama website?? Ya’ kalau tidak punya website reCAPTCHA-nya mau di pasang dimana?.
  • Niat yang tulus dan serius juga tekat yang kuat.

Jika kalian merasa sudah cukup dan sudah kuat mental silahkan lanjut ke pembahasan berikut.

 

1. Mendaftarkan Nama Domain dan Generate Key :

Untuk memasang fitur reCAPTCHA ke halaman website (khususnya pada form input), maka sebelumnya kita harus mendapatkan Key-nya terlebih dahulu, untuk mendapatkan Key-nya silahkan ikuti langkah-langkah berikut :

  1. Pastikan kalian sudah memiliki akun email di Google dan sudah dalam kondisi login, selanjutnya silahkan klik URL berikut.
  2. Setelah meng-klik URL tersebut kalian akan langsung di arahkan ke halaman pendaftaran nama domain, silahkan kalian isi kolom-kolom yang tersedia.
  3. Setelah selesai mengisi kolom-kolom tersebut, selanjutnya klik tombol ‘Register‘, maka sistem Google akan meng-generate Key berdasarkan nama domain yang kalian masukan, di sini kalian akan mendapatkan Site Key dan Secret Key. Catat Site Key dan Secret Key kalian.

 

2. Integrasi ke Halaman Website

Setelah Key-nya (Site Key & Secret Key) sudah kalian dapatkan selanjutnya tinggal kalian pasang kode reCAPTCHA ke salah satu form input di halaman website kalian. Adapun caranya silahkan ikuti langkah-langkah berikut :

  1. Masukan kode berikut ke dalam tag html pada halaman website kalian, tepatnya sebelum tag </head>,
    <script src='https://www.google.com/recaptcha/api.js'></script>
  2. Masukan kode berikut ke dalam tag form pada halaman website kalian, tepatnya sebelum tag </form> :
    <div class="g-recaptcha" data-sitekey="SITE_KEY"></div>

    Contoh :

    <form action="contact-send.php" method="POST"> 
     Name : <input name="" type="text" /> 
     Email : <input name="" type="email" /> 
     Message : <textarea name=""></textarea> 
     
     <div class="g-recaptcha" data-sitekey="SITE_KEY"></div> 
     
     <input name="button" type="submit" class="tombol" value="Kirim" /> 
    </form>

    Silahkan kalian ganti ‘SITE_KEY‘ di atas dengan Site_Key yang sudah kalian dapat sebelumnya.

  3. Selanjutnya silahkan buka file *.php website kalian dimana file tersebut yang berfungsi untuk memproses form input di atas, lalu silahkan tambahkan variabel berikut pada proses form milik kalian :
    $captcha = $_POST['g-recaptcha-response'];
    if (!$captcha) {
      echo 'Please check the captcha form.';
    } else {
      $response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=SECRET_KEY&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']);
    
      if ($response.success != true) {
        echo 'You are spammer ! Get the @$%K out!!';
      } else {
        echo 'Congrat! You are not spammer.'
        // Return your proccess code form here.
      }
    }

    Silahkan kalian ganti ‘SECRET_KEY‘ di atas dengan Secret_Key yang sudah kalian dapat sebelumnya.

Jika semua langkah-langkah yang kalian lakukan sudah benar, maka halaman website yang kalian pasang kode reCAPTCHA pada form input data akan tampil validasi dari reCAPTCHA.

Sekian tutorialnya yah, kalau ada masukan, referensi, koreksi, dll. jangan lupa kolom komentar di bawah siap sedia untuk kalian.

Sampai jumpa di tutorial berikutnya… Thanx…

Share social media :



Your response about this article :


6 responses to “Tutorial : Cara Memasang reCAPTCHA 2.0”

  1. tulus says:

    bagaimana cara memasangnya utk link download ya…? trims

    • Sama aja gan kodenya, tinggal agan custom di bagian ini aja:

      if ($response.success != true) {
      echo ‘You are spammer ! Get the @$%K out!!’;
      } else {
      // echo ‘Congrat! You are not spammer.’
      // Return your proccess code form here.
      print ‘a href=”FULL_PATH_FILE_URL” target=”_blank” title=”Download” rel=”nofollow”>Download File /a>’;
      }

  2. Ajlam says:

    gan, ane udah ikutin cara2 diatas tapi masih belum bisa. ketika di klik button layar ngeblank dan data tidak masuk ke database. tolong dibantu gan…

  3. arman says:

    Bisa bnatu ngga pasang captca, gambar captca sudah muncul pada website saya tapi untuk kode $captcha = $_POST[‘g-recaptcha-response’];
    if (!$captcha) {
    echo ‘Please check the captcha form.’;
    } else {
    $response = file_get_contents(“https://www.google.com/recaptcha/api/siteverify?secret=SECRET_KEY&response=”.$captcha.”&remoteip=”.$_SERVER[‘REMOTE_ADDR’]);
    if ($response.success != true) {
    echo ‘You are spammer ! Get the @$%K out!!’;
    } else {
    echo ‘Congrat! You are not spammer.’
    // Return your proccess code form here.
    }
    }

    saya tidak tahu harus memasangnya dimana

    • Kode di atas agan paste di file.php yang bertugas memproses form input-nya gan.
      Contoh form di atas form input-nya seperti ini :

      form action=”contact-send.php” method=”POST”

      Karena action-nya ke file ‘contact-send.php’, berarti file yang bertugas memproses form input ketika selesai di submit yaitu file contact-send.php.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Latest Posts

Tutorial : Belajar Menggunakan Laravel – Part 5 (Form Input Data)
Tutorial : Belajar Menggunakan Laravel – Part 5 (Form Input Data)
Category : Laravel, Tutorials | November 1st, 2018
1283 | 0

Halo semua, kali ini penulis ingin melanjutkan tutorial cara Belajar Menggunakan Laravel, pada tutorial kali ini penulis ingin memberikan tutorial cara memasukan data ke dalam database yang mana salah satu bagian dari CRUD (Create, Read, Updata, Dele...

Continue reading
Syntax error or access violation: 1071 Specified key was too long
Syntax error or access violation: 1071 Specified key was too long
Category : Laravel, Tips & Tricks | October 18th, 2018
492 | 0

Bagi kalian pengguna Framework Laravel, terutama Laravel mulai dari versi 5.4 keatas pasti pernah mengalami pesan error berikut pada saat melakukan migrasi tabel dengan menggunakan perintah migrate : SQLSTATE[42000]: Syntax error or access violation:...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 4 (Model & Konfigurasi Database)
Tutorial : Belajar Menggunakan Laravel – Part 4 (Model & Konfigurasi Database)
Category : Laravel, Tutorials | October 18th, 2018
825 | 0

Halo para pembaca Gaswad, menyambung artikel tutorial Belajar Menggunakan Laravel sebelumnya, kali ini kita akan membahas sedikit tentang pengenalan Model dan bagaimana melakukan Konfigurasi Database, namun pastikan kalian sudah membaca tutorial-tuto...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 3 (View & Blade Template)
Tutorial : Belajar Menggunakan Laravel – Part 3 (View & Blade Template)
Category : Laravel, Tutorials | October 9th, 2018
1233 | 0

Di artikel sebelumnya, kita sudah berhasil menampilkan output langsung dari halaman Controller (webController.php) namun hanya sebatas sebagai Debugger saja. Halaman Controller memang tidak di khususkan untuk di kostumisasi sebagai Front-End website,...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 2 (Routing & Controller)
Tutorial : Belajar Menggunakan Laravel – Part 2 (Routing & Controller)
Category : Laravel, Tutorials | October 9th, 2018
922 | 0

Pada artikel kali ini, kita akan belajar menggunakan Routing dan Controller dimana Routing dan Controller ini sudah pasti ada dan disediakan di setiap framework khususnya framework PHP. Sebelum kita melangkah terlalu jauh sampai tidak kelihatan, perl...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 1 (Instalasi Laravel)
Tutorial : Belajar Menggunakan Laravel – Part 1 (Instalasi Laravel)
Category : Laravel, Tutorials | October 9th, 2018
1103 | 0

Halo para pembaca Gaswad yang setia menunggu artikel baru dari penulis (pede), setelah sekian lama tidak update-update karena di sibukan dengan pekerjaan kantor akhirnya hari ini, jam ini, menit ini dan detik ini, penulis berhasil menyempatkan diri ...

Continue reading
Perbedaan Localhost Dan Web Hosting
Perbedaan Localhost Dan Web Hosting
Category : Others | September 17th, 2018
1685 | 0

Halo ghaes… Bagi beberapa dari kalian pasti masih belum ada yang begitu paham bagaimana suatu website bisa menampilkan konten-konten atau artikel seketika kita melakukan pencarian baik dengan menggunakan mesin pencari atau search engine seperti...

Continue reading
Membuat Efek Gradasi Warna Menggunakan CSS
Membuat Efek Gradasi Warna Menggunakan CSS
Category : Tutorials | September 4th, 2018
3472 | 2

Pada tutorial kali ini kita akan mencoba membuat gradasi warna, apa itu gradasi warna bisa kalian lihat contohnya pada gambar-gambar berikut : Yup, seperti yang sudah kalian lihat pada gambar-gambar tersebut dimana pada tiap gambar memiliki lebih dar...

Continue reading
Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
Category : Tips & Tricks | August 14th, 2018
981 | 2

Hallo guys, akhirnya kita berjumpa lagi setelah sekian lama kita berpisah… Hallah… Okey langsung saja, untuk artikel kali ini penulis ingin coba berbagi sedikit mengenai tips jika iklan adsense kamu ter-klik, mungkin lebih tepatnya ter-kl...

Continue reading
Tutorial : Cara Install Composer
Tutorial : Cara Install Composer
Category : Others | June 5th, 2018
1126 | 0

Apa Itu Composer? Composer adalah suatu aplikasi manajemen paket selain Node.js (npm) dan Ruby (bundler) yang menyediakan format standar untuk mengelola dependensi PHP dan library-library yang diperlukan. Sumber : Wikipedia Jadi secara garis besar, d...

Continue reading
Error Reported Attack Page! Waw… Domain Di Blacklist Google??
Error Reported Attack Page! Waw… Domain Di Blacklist Google??
Category : Tips & Tricks | November 13th, 2017
1363 | 0

Seperti yang kalian lihat pada contoh tampilan gambar di atas, tampilan tersebut merupakan tampilan bahwa domain kalian di blacklist atau di blokir oleh Google, alhasil tentunya website kalian tidak akan bisa di akses. Ada yang pernah ngalamin?? Bebe...

Continue reading
Cara Menambah Ads Unit Atau Blok Iklan Adsense
Cara Menambah Ads Unit Atau Blok Iklan Adsense
Category : Tutorials | November 13th, 2017
2010 | 4

Halo para pembaca Gaswad yang ganteng dan yang cantik-cantik, yang jelek jangan kesinggung ya. Hehe… 😀 Ssetelah sekian lama ngga update akhirnya dapet kesempatan nyolong-nyolong waktu buat nge-update artikel Gaswad. Pada pembahasan artikel k...

Continue reading

Wordpress

  • Sep
    16
    2019
    Tutorial : Membuat Website Multi-Bahasa Dengan WordPress
    Selamat malam semua, pada tutorial kali ini kita akan coba membuat website dengan fitur Multi-B...
    Read more
  • Oct
    24
    2017
    Tutorial : Cara Membuat Template WordPress – Part 5 (Complete)
    Artikel ini merupakan artikel terakhir tentang bagaimana cara membuat template WordPress, bagi ...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 4
    Pada sesi ini kita akan membuat Menu Navigasi dan Sidebar pada halaman template yang sudah kita...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 3
    Pada artikel kali ini kita akan melanjutkan bagaimana cara membuat template WordPress menyambun...
    Read more
  • Oct
    13
    2017
    Tutorial : Cara Membuat Template WordPress – Part 2
    Artikel ini merupakan sambungan dari artikel pertama, pada artikel sebelumnya kita sudah membah...
    Read more
  • More articles
Tips & Tricks

  • May
    15
    2019
    Multiple Versi PHP di XAMPP??? Kenapa Tidak!
    Pada artikel kali ini penulis ingin berbagi tips bagaimana menjalankan multiple versi PHP di da...
    Read more
  • Nov
    02
    2018
    8 Tips Memilih Jasa Server Hosting Terbaik
    Pada artikel kali ini penulis ingin memberikan beberapa tips memilih server hosting terbaik. Ba...
    Read more
  • Oct
    18
    2018
    Syntax error or access violation: 1071 Specified key was too long
    Bagi kalian pengguna Framework Laravel, terutama Laravel mulai dari versi 5.4 keatas pasti pern...
    Read more
  • Aug
    14
    2018
    Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
    Hallo guys, akhirnya kita berjumpa lagi setelah sekian lama kita berpisah… Hallah… ...
    Read more
  • Nov
    13
    2017
    Error Reported Attack Page! Waw… Domain Di Blacklist Google??
    Seperti yang kalian lihat pada contoh tampilan gambar di atas, tampilan tersebut merupakan tamp...
    Read more
  • More articles
Tutorials

  • Sep
    16
    2019
    Tutorial : Membuat Website Multi-Bahasa Dengan WordPress
    Selamat malam semua, pada tutorial kali ini kita akan coba membuat website dengan fitur Multi-B...
    Read more
  • Jul
    18
    2019
    Tutorial : Integrasi Custom Media Gallery Dengan TinyMCE Dan Bootstrap
    Holllaa…! Apa kabar para calon-calon programer handal yang baik dan budiman! Semoga setel...
    Read more
  • Jul
    18
    2019
    Instalasi Text Editor WYSIWYG TinyMCE
    Sesuai pada judul artikel ini, beberapa kalian pasti masih ada yang belum mengenal apa itu Text...
    Read more
  • Apr
    30
    2019
    Tutorial : Belajar Menggunakan Laravel – Part 8 (Delete Data) END
    Artikel kali ini merupakan artikel terakhir tentang tutorial Belajar Menggunakan Laravel, pada ...
    Read more
  • Apr
    30
    2019
    Tutorial : Belajar Menggunakan Laravel – Part 7 (Update/Edit Data)
    (Curcol) Sempat hilang kabar sampai berbulan-bulan akhirnya penulis kembali lagi untuk melanjut...
    Read more
  • More articles
Others

  • Sep
    17
    2018
    Perbedaan Localhost Dan Web Hosting
    Halo ghaes… Bagi beberapa dari kalian pasti masih belum ada yang begitu paham bagaimana s...
    Read more
  • Jun
    05
    2018
    Tutorial : Cara Install Composer
    Apa Itu Composer? Composer adalah suatu aplikasi manajemen paket selain Node.js (npm) dan Ruby ...
    Read more
  • Oct
    31
    2017
    Yang Baru Di Bootstrap 4
    Tidak terasa baru saja beberapa waktu lalu penulis menulis artikel tentang Bagaimana Cara Membu...
    Read more
  • Oct
    09
    2017
    Pengertian Page View, Visitor Dan Bounce Rate
    Sebenarnya pada artikel kali ini penulis ingin membuat tutorial bagaimana cara membuat template...
    Read more
  • Sep
    29
    2017
    ​Apa Itu Web Framework?
    Beberapa dari kalian apalagi yang masih pemula dalam bidang pemrograman website pasti masih awa...
    Read more
  • More articles
Page generated in : 938.6 ms