Google’ın bizler için sunduğu reCAPTCHA uygulaması formlarımızda bizi büyük dertten kurtarıyor. reCAPTCHA şuanki haliyle tek sayfada bir tane kullanılabiliyor. Eğer sayfanızda birden fazla form var ve hepsinde de reCAPTCHA kullanmak istiyorsak biri çalışmıyor. Bugün bu sorunun çözümünden, reCAPTCHA’nın tek başına kullanımından ve forma göre görsel boyutlarını ayarlamaktan bahsedeceğim.

Öncelikle en yalın haliyle Google reCAPTCHA nasıl ekleniyor bundan bahsedelim.

Burayı tıklayarak kendinize bir key alın.

Şöyle en yalın haliyle içinde iki adet form barındıran minik bir sayfamız olsun.

Bu sayfamıza öncelikle reCAPTCHA  özelliği kazandırabilmek için gerekli yapılandırmaları yapalım.

Yaptığımız eklemeri yukarıda renklendirdim. Bu haliyle sayfamızda bulunan iki reCAPTCHA ‘nın da çalışacağını ümit ediyoruz ancak sadece bir tanesi muhtemelen ilk olanı çalışır. Sorunu çözmek için belkide ayrı sayfalarda bu işlemin yapılması gerek ama aynı sayfada kullanmak zorundaysak o zaman da şu şekilde modifiye ediyoruz.

Bu şekilde her ikiside çalışacaktır. Kodlarda düzenleme yaparak arttırmanız mümkündür.

Gelelim divlerin boyutlarıyla oynama, mevcut formumuza uygun hale getirme işlemine;

Tekli de şu şekilde;

Çoklu olanda ise şu şekilde;

satır içi style vererek transform değerleriyle oynayarak değiştirebilirsiniz.