Bir sitede otomatik doldurma formları
Yandex Tarayıcı’da otomatik doldurma, kullanıcıların, parolalarını ve diğer kişisel verilerini (örneğin, iletişim bilgileri) formlara hızlı ve güvenli bir şekilde girmelerini sağlar. Bu, sipariş vermeyi kolaylaştırabilir ve kullanıcıları daha sık sipariş vermeye teşvik edebilir. Yandex’in otomatik doldurma işlevini geliştirmek için yaptığı araştırmalar ve deneyler, bu işlevin doğru çalıştığı sitelerde sipariş dönüşüm oranının %5-10 daha yüksek olduğunu göstermiştir.
Ayrıntılar için Otomatik doldurma formları bölümüne bakın.
Not
Yandex Tarayıcı’da otomatik doldurma çalışmıyorsa, muhtemelen diğer tarayıcılarda da çalışmayacaktır.
Bir sitede otomatik doldurmayı kontrol etmek için:
1. Adım. Yandex Tarayıcı’da profilinizi tamamlayın
- Yandex Tarayıcı’yı yükleyin.
- Tıklayın
→ parolalar ve kartlar veya
browser://personal/contacts
sayfasını açın. - Açın Kişisel veriler.
- Tıklayın Ekle ve formu doldurun.
- Forma başka alanlar eklemek için Alan ekle tıklayın.
- Kaydet seçeneğine tıklayın.
Sitedeki formlarda parolalar ve Banka kartları alanları varsa, bu verileri de girin.
2. Adım. Formda otomatik doldurmayı kontrol edin
Sitenizdeki formun tüm alanlarına tıklayın ve otomatik doldurma ipuçlarının doğru görüntülenip görüntülenmediğini kontrol edin.
3. Adım. Gerekli düzenlemeleri yapın
Herhangi bir ipucu yoksa veya ipuçları yanlış görüntüleniyorsa, form işaretlemesinin aşağıdaki önerilere uygun olduğundan emin olun.
İşaretleme önerileri
Şunlardan emin olun:
-
Form işaretlemesi HTML standartlarına uygundur.
-
Girdi öğesi, geçerli bir değerle
autocomplete
özelliğine sahiptir.Örneğin:
Ad girdi alanı
<input placeholder="Ad" autocomplete="given-name">
E-posta girdi alanı
<input autocomplete="email">
Ayrıntılar için HTML Living Standard ve MDN bölümüne bakın.
-
Veri girdi öğeleri,
form
etiketinin alt öğeleridir. ayrıntılar için Form gönderme bölümüne bakın. -
Veri girdi öğeleri, örneğin, sezgisel özelliklere sahiptir:
Öznitelik
Alan türü
Olası ad seçenekleri
id
Ad
first_name
,name_first
,fname
,firstname
,given_name
,verilen ad
name
Telefon
telefon
,telefonŞehir
,telefon
,tel
yer tutucu
Kuruluş
kuruluş
,kuruluş
,şirket
Otomatik doldurma için anlaşılır kod örneği
<form action=""> <input id="ilk_ad"> <input id="soyad"> <input name="email"> <textarea placeholder="Adres girin"></textarea> </form>
Yanlış kod örneği
<form> <!-- Tarayıcı alanı bilinmeyen olarak tanır. --> <input id="xdia_13"> <!-- Tarayıcı alanı adres olarak tanır çünkü hem adres hem de e-posta tanımlarına uyar. --> <input name="posta adresi"> <!-- E-posta, teslimat adresi veya web sitesi URL’si olarak tanınabilecek belirsiz tanım. --> <textarea placeholder="Adres"></textarea> </form>
-
Etiket
etiketiiçin
olan özniteliğin değeri, amaçlandığı giriş öğesine açıkça atıfta bulunuyor.Otomatik doldurma için anlaşılır etiket etiketi örneği
<form> <div id="customer"> <label for="fname">Ad</label> <input type="text" id="fname"> ... </div> </form>
Yanlış kod örneği
<form> <div id="customer"> <label for="">Ad</label> <div name="klw21"> <div name="md-12"> <input type="text"> </div> </div> ... </div> </form>
Formları gönderme
Tarayıcı, form gönderme işlemi sırasında kullanıcı tarafından girilen verilerin çoğunu tanır. Formun sitede form
etiketi yoksa ve formu göndermek için açık bir gönder
olayı yoksa, tarayıcıda saklanan veriler ve otomatik doldurma doğru çalışmayabilir.
Gönderimi tanımak için çeşitli mekanizmalar kullanılır. En basit olanı, bir submit
JavaScript olayını işlemektir. Ayrıca form alanlarının doldurulmasını analiz eden, girilen verileri kaydeden ve şu durumlara yanıt veren sezgisel yöntemler de vardır:
- Sitede gezinme.
- AJAX istekleri.
- Bir formun içinde tamamlandığı
iframe
’lerin silinmesi. - Doldurulmuş öğelerin silinmesi veya gizlenmesi.
Sezgisel yöntemler bazen yanlış tetiklemeye neden olabilir ve yanlış verileri kaydedebilir. Süreç, form
etiketi eksikse özellikle karmaşık hale gelir. Tarayıcı, alanları bulmak, bunları tek bir form olarak değerlendirmek ve tamamlanmalarını analiz etmek zorunda kalır.
Tarayıcının girilen verileri kaydedebilmesi ve kullanıcının siteyi bir sonraki ziyaretinde formu tek tıklamayla doldurabilmesi için, gönderim formunu doğru şekilde hazırlamak önemlidir: form
etiketini kullanın ve içinde input type="submit"
tanımlayın.
Basit ve net bir gönderim formu örneği
<form>
<input type="text">
<input type="text">
<input type="submit">
</form>
Karmaşık ama anlaşılır bir gönderim formu örneği
<div>
<input type="text">
<input type="text">
<input type="submit">
</div>
Tarayıcı için anlaşılmaz bir gönderim formu örneği
<div>
<input type="text">
<input type="text">
<div>Düğme</div>
</div>
Sitede otomatik doldurmayı nasıl devre dışı bırakılır
Otomatik doldurmayı yalnızca düzgün çalışmadığı için devre dışı bırakmak istiyorsanız, Yandex Tarayıcı ekibiyle browser-autofill@support.yandex.ru adresinden iletişime geçin. Uzmanlarımız otomatik doldurmayı ayarlamanıza yardımcı olacaktır. Başka nedenlerle devre dışı bırakmak istiyorsanız, aşağıdaki standart dışı çözümü deneyin:
autocomplete="none"
autocomplete
özelliğinin herhangi bir geçersiz değeri, tarayıcıya otomatik doldurmayı devre dışı bırakmasını sinyaller. none
dışında, nope
, all-off
, smth
veya herhangi bir rastgele harf dizisini kullanabilirsiniz.
Yandex Tarayıcı ekibi, bu yöntemin her ortamda çalışacağını garanti etmez. Otomatik doldurmayı devre dışı bırakıp bırakmadığınızı görmek için form alanlarına tıklayın ve ipuçlarının olmadığından emin olun.