Bir sitede otomatik doldurma formları

Yandex Browser’daki otomatik doldurma özelliği, kullanıcıların formlara banka kartı numaralarını, şifrelerini, ve diğer kişisel verileri (örneğin iletişim bilgileri) 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 Browser’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 Browser’da profilinizi tamamlayın

  1. Yandex Browser’ı Yükle.
  2. Parolalar ve kartlar üzerine tıklayın veya browser://personal/contactsadresine gidin.
  3. Açın Kişisel veriler.
  4. Tıklayın Ekle ve formu doldurun.
  5. Forma başka alanlar eklemek için Alan ekle tıklayın.
  6. 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:

    Nitelik

    Alan türü

    Olası ad seçenekleri

    id

    İsim

    first_name, name_first, fname, firstname, given_name, givenname

    ad

    Telefon numarası

    phone, phoneCity, telephone, tel

    placeholder

    Kuruluş

    org, organization, company

    Otomatik doldurma için anlaşılır kod örneği
    <form action="">
      <input id="first_name">
      <input id="last_name">
      <input name="email">
      <textarea placeholder="Enter address"></textarea>
    </form>
    
    Yanlış kod örneği
    <form>
      <!-- Tarayıcı alanı bilinmeyen olarak tanır. -->
      <input id="xdia_13">
      <!-- Tarayıcı, alanı hem adres hem de e-posta tanımlarına uyduğu için adres olarak tanır. -->
      <input name="mail address">
      <!-- E-posta, teslimat adresi veya web sitesi URL’si olarak tanınabilecek belirsiz bir tanım. -->
      <textarea placeholder="Adres"></textarea>
    </form>
    
  • Etiket etiketi iç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>Buton</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 Browser ekibi, bu yöntemin her ortamda çalışacağını garanti edemez. 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.

Yandex Tarayıcı ekibiyle iletişime geçin

Hâlâ sorularınız varsa, browser-autofill@support.yandex.ru adresinden bizimle iletişime geçin.




Ayrıca şuraya gidebilirsiniz: