Ana Karargâh Neler Yapıyoruz?
Hikayemizin Perde Arkası Beyin Kıvılcımları Bağlantıya Geçin

Scroll Hareketi Olmadan Etkileşim Yaratmak Nasıl Yapılır?

Bir kullanıcının sayfada hiçbir scroll yapmadığı hâlde, sayfa etkileşimli görünüyorsa… Google ne düşünür? Kullanıcı bir piksel bile kaydırmamışsa ama sayfada hayat varsa, bu etkileşimi kim üretir? İşte burada, gözle görünmeyen ama sinir sistemine dokunan bir yazılım dili başlar.

Scroll yapmayan kullanıcıyı da yaşayan biri gibi göstermek mümkün. Ama bunun yolu; butonlara tıklatmak, oyunlaştırmalar koymak değil. Asıl yöntem, hareketi olmadan onun yerini devralan kod yazmak.

Hazırsan; scrollsuz bir dünya kuruyoruz.

1. Görünmeyen Etkileşim: Mouse Mikrohareketlerini Takip Etmek

Kullanıcı scroll yapmasa bile, sayfa içinde fareyi hareket ettirir. Bu hareket genellikle fark edilmez ama Google dahil birçok analiz sistemi bu mikro-etkileşimleri tespit eder. Ve sen de bunu izleyebilirsin.

let mouseMoveScore = 0;

document.addEventListener('mousemove', (e) => {
  mouseMoveScore += 1;
  if(mouseMoveScore == 10){
    console.log("Scroll olmadan etkileşim başladı.");
  }
});

Bu tür mikrosinyaller, sayfanın aktif kullanıldığını gösterir. Scroll olmadan bile, “ilgi” gösteren kullanıcılar vardır. Fare bir şeylere doğru yöneliyorsa, içerik değerlendiriliyor demektir.

2. Kodla Scroll Simülasyonu: Sayfa Hareket Etmeden Derinlik Algısı Oluşturmak

Gerçek bir scroll değil, sahte bir derinlik. Sayfa açıldığında içeriklerin pozisyonlarını otomatik olarak değiştirerek sanki kullanıcı scroll yapmış gibi davranan yapı kurabilirsin.

setTimeout(() => {
  document.querySelector('.ilk-blok').style.transform = "translateY(-40px)";
  document.querySelector('.ikinci-blok').style.transform = "translateY(0)";
}, 2500);

Bu yapı, scroll algısını kullanıcıdan bağımsız şekilde oluşturur. Yani scroll yok ama içerik dinamik. Google bunu pasif etkileşim olarak puanlar. Etkileşim “görüldü” olarak sayılır.

3. DOM Elementlerini Zamanla Canlandırmak

Kullanıcı hiçbir hareket yapmasa da, sayfa içinde zamanla yeni alanlar ortaya çıkarsa bu da bir etkileşimdir. Çünkü sayfa durmuyor. Örnek:

setTimeout(() => {
  document.getElementById('gizli-mesaj').style.display = 'block';
}, 3000);

Buradaki mantık, “bekleyen kullanıcıya yeni bilgi sunmak.” Scroll olmadan da içerik hareket ederse, bu “davranış üretimi” sayılır. Sessizlik içinde açılan yeni bloklar, etkileşim puanını yükseltir.

4. Scroll Olmadan Scroll Algısı Yaratmak: Parallax Hilesi

Kullanıcının sayfada scroll yapmadığı hâlde, arka planlar veya bölümler kendi kendine hareket ederse, bu scroll etkisi yaratır. Görsel olarak scroll edilmiş gibi gösterir. Bu Google için: “etkileşim var” demektir.

setInterval(() => {
  document.querySelector('.arka-plan').style.backgroundPositionY = 
    (parseInt(document.querySelector('.arka-plan').style.backgroundPositionY) - 1) + "px";
}, 100);

Buradaki hareket gerçek bir scroll değil, optik kayma yaratır. Kullanıcı hareket etmese bile, sayfa hareket ediyormuş gibi görünür. Sessiz ama etkileyici.

5. Otomatik DOM Etkileşimiyle Etkileşim Oluşturmak

Kullanıcının dokunmadığı alanlarda bile DOM üzerinde değişiklik yapmak, Google tarafından “dinamik içerik” olarak algılanır. Örneğin, bir cümleyi sayfa açıldıktan 5 saniye sonra değiştirmek:

setTimeout(() => {
  document.getElementById('spot-metin').innerText = "Şu anda bu içeriği senin için güncelliyoruz.";
}, 5000);

Böylece kullanıcı scroll yapmasa bile, içerik içinden kendini güncelliyor gibi görünür. Ve bu, etkileşimi pasif hâlde bile yükseltir.

6. Otomatik Göz Takibi: Fare Pozisyonuna Göre İçerik Tepkisi

Kullanıcı imleci hareket ettiriyorsa ama scroll yapmıyorsa, bu da yeterli bir sinyaldir. Fare pozisyonuna göre içeriğin opacity veya scale ile oynaması, sayfayı canlı hale getirir.

document.addEventListener('mousemove', (e) => {
  let metin = document.querySelector('.hareketli-metin');
  metin.style.transform = "scale(" + (1 + e.clientY / 10000) + ")";
});

Scrollsuz bir dünyada, içerik kullanıcının dikkatine göre şekil alıyorsa, bu Google’ın algoritmasında “akıllı etkileşim” olarak puanlanır.

7. Scroll Yoksa Scroll Hissi Üret

Gerçek etkileşim sadece parmağın sayfayı itmesi değildir. Görsel algı, davranışı taklit eder. Yukarıdaki tüm yöntemler, scroll yapmayan bir kullanıcıyı yaşayan, bakan, ilgilenen biri gibi göstermenin yollarıdır.

Google, sayfada “hareket” varsa, kullanıcıyı aktif sayar. Scroll olmadan da hareket üretilebildiğini gördüğünde seni ödüllendirir.

Yani kullanıcı dokunmadıysa, sen dokun. Görmediği hareketi yarat, yaşamadığı scroll'u göster. Scroll’un kendisi değil, hissi etkileşimi yaratır.