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

  1. Yandex Tarayıcı’yı yükleyin.
  2. Tıklayın parolalar ve kartlar veya browser://personal/contacts sayfasını açın.
  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:

    Ö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 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>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.

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: