piksellerin yerçekimi var

React ve Next.js için hedef tahmini

Hedefi bil
tıklamadan önce.

1.37 fetch:click oranına ulaşın. Intent-link, hareket hızı ve mesafeden kaynaklanan kinetik ve potansiyel enerjiyi kullanarak olasılığı hesaplar.

$ npm install intent-link
npmv1.0.13licenseMITreact≥18next≥13

01 / uygulamalar

Tek sinyal. Birçok kullanım.

// analiz

Yalnızca tıklamalar değil, niyet

Yalnızca eylemleri değil, yarıda bırakılan yaklaşımları ve tereddütleri kaydedin.

// gösterim

Aşamalı gösterim

Kullanıcı yöneldiği anda bir önizleme veya araç ipucu açın.

// performans

Bağlantıları önceden getirin

Kullanıcı tıklamadan önce gezinme bağlantılarını önceden getirin.

// uyarlanabilir UI

Destekli hedefleme

Kullanıcı yaklaştıkça hedefleri büyütün veya yakınlaştırın.

01
01
Gözlemle
hareketi
02
02
Tahmin et
olası hedefi
03
03
Hazırla
ulaşmadan önce

02 / canlı demo

Bir karta yönelin ve önceden yüklenmesini izleyin.

shop.example/new-in

importance

cost

onIntent akışı0 tetikleme
// bir sinyal başlatmak için bir karta yönelin…
product shot
Kadın
product shot
Erkek
product shot
Çocuk
product shot
Ayakkabı
product shot
Çanta
product shot
Aksesuar
product shot
Spor
product shot
Denim
product shot
Dış giyim
product shot
Güzellik
product shot
Ev
product shot
İndirim
product shot
Elektronik
product shot
Saat
product shot
Mücevher
product shot
Mobilya
product shot
Hediye
product shot
Seyahat
18 kategori

03 / farkı hissedin

Aynı tıklama. Beklemeyi atlayın.

Bir sayfa ağ isteğini beklerken diğeri kullanıcının hareket yörüngesi sırasında getirilir.

bu oturumda kazanılan süre

0 ms

intent-link olmadanyüklenmedi
/product/quilted-jacket
intent-link ileboşta
/product/quilted-jacket

04 / farklı

Görünürlük değil. Hover değil. Niyet.

Diğer tüm yaklaşımlar ya geç kalır ya da kaynak israf eder.

1.37

Fetch:Click oranı

useIntentTarget

Özel bileşenler oluşturun

React · Next

En popüler çatı için

MIT

Açık kaynak, veri toplama yok

Yaklaşımintent-linkForesightJSinstant.pageNext.js prefetchGuess.js
Zamanlamaulaşmadan öncerota üzerindehover sırasındagörününceönceden hesaplanmış
Seçicilikhedefhedefbirgörünen her şeyen iyi tahminler

Anında hissedilen gezinme sunun.

$ npm install intent-link