Chrome Eklentisiyle Ürün Görsellerini ve Verilerini Anında Drive’a Kaydedin

Ürün araştırması yaparken karşılaştığınız en büyük sorunların başında, sayısız ekran görüntüsü ve dağınık verilerle uğraşmak gelir. İşte bu noktada, ImageSnap adlı Chrome eklentisi devreye giriyor. Geliştirici tarafından hazırlanan bu araç, sadece bir tıklama ile ürün görsellerini ve ilgili tüm verileri Google Drive’a kaydediyor, aynı anda Google Sheets’e de otomatik olarak ekliyor.

Elle Kaydetmenin Zaman Tüketen Dünyasına Veda Edin

Geleneksel ürün araştırma yöntemlerinde, her görsel için manuel olarak dosya adı belirlemek, fiyat bilgilerini elle girmek ve verileri ayrı klasörlerde düzenlemek gerekiyor. Bu süreç, sadece birkaç ürün için bile saatlerce zaman alabiliyor. ImageSnap ise bu adımları tamamen otomatikleştiriyor.

Eklenti, ürün sayfasını açtığınızda otomatik olarak ürün adı, fiyat ve URL gibi bilgileri algılıyor. Bir tıklama ile tüm verileri Google Drive’a kaydediyor ve aynı anda Google Sheets’e de ilgili satır olarak ekliyor. Böylece, araştırma sırasında geçirdiğiniz süre sadece ürünleri incelemeye ayrılıyor.

Kontrol Sizin Elinizde: İstemediğiniz Verilerden Kurtulun

Bazı araçlar, otomatik veri çekme vaadiyle geliyor ancak pratikte karşılaştığınız sorunlar şunlar oluyor:

• Web sitelerinin HTML yapısı değiştiğinde araç çalışmaz hale geliyor.
• Gereksiz görseller (reklamlar, ikonlar, yer tutucular) depo dolup gidiyor.
• Verileriniz arasında hangi görselin hangi ürüne ait olduğunu anlamak imkansızlaşıyor.

ImageSnap ise tam tersine, sizin kontrolünüzde çalışıyor. Araştırma sırasında beğendiğiniz ürünleri istediğiniz zaman kaydedebilir, böylece sadece gerekli veriler depolanıyor. Hiçbir teknik bilgi gerekmiyor ve aracın bakımına da gerek kalmıyor.

Verilerinizi Aramak İçin Saatlerce Kaybolmayın

Bir süre sonra, depoladığınız yüzlerce görselin arasından istediğiniz birini bulmak neredeyse imkansız hale geliyor. Klasör adları, tarihler ve rastgele isimlendirilmiş dosyalar, araştırmalarınızı tamamen işe yaramaz hale getiriyor.

ImageSnap bu sorunu da çözüyor. Her görsel, otomatik olarak ürün adı, fiyat, URL, tedarikçi bilgisi ve özel notlar gibi yapılandırılmış verilerle birlikte kaydediliyor. Tüm bu bilgiler Google Sheets’e aktarılıyor, böylece aradığınız veriye sadece birkaç saniye içinde ulaşabiliyorsunuz. Görsel ve veriler kalıcı olarak birbirine bağlanıyor.

Farklı Cihazlarda Araştırma Yaparken Yaşanan Kâbuslara Son

Araştırmalarınızı laptopta, telefonda veya tablette yapıyor olabilirsiniz. Verilerinizi farklı cihazlarda senkronize etmek ise ayrı bir baş ağrısı. ImageSnap, tüm verilerinizi Google Drive ve Google Sheets üzerinden otomatik olarak senkronize ediyor. Hangi cihazı kullanırsanız kullanın, araştırmalarınıza anında erişebiliyorsunuz. Masaüstü için geliştirilen eklenti, web panosu aracılığıyla tüm cihazlarda çalışıyor.

Geliştirici Tarafından Paylaşılan Teknik Detaylar

ImageSnap, monorepo olarak geliştirilmiş bir proje. İki bağımsız hedefi bulunuyor:

• Web panosu: Next.js 15 + React 19 + Tailwind CSS 4 kullanılarak oluşturulmuş.
• Chrome eklentisi: Vite ve TypeScript ile Manifest V3 standardına uygun olarak geliştirilmiş.

Her iki hedef de src/shared/ katmanını paylaşıyor. Bu katmanda, Google Auth, Sheets ve Drive entegrasyonları için gerekli olan tüm yardımcı fonksiyonlar ve tip tanımlamaları bulunuyor.

Projenin dosya yapısı şu şekilde:

src/
├── shared/         ← Web ve eklenti arasında paylaşılan katman
│   ├── lib/        ← Google Auth, Sheets ve Drive yardımcıları
│   └── hooks/      ← useAppData gibi özel hook’lar
├── web/            ← React uygulaması (popup + web panosu)
└── extension/      ← Chrome eklentisi (manifest, content_script)

Geliştirici, Chrome eklentilerinin tamamen stateless olduğunu fark etmiş. Popup kapandığında JavaScript ortamı da yok oluyor, bu da kimlik doğrulama token’larının kaybolmasına neden oluyor. İlk çözüm olarak httpOnly oturum çerezleri denenmiş ancak sameSite: lax ayarı nedeniyle chrome-extension:// protokolünden yapılan isteklerde çerezlerin gönderilemediği anlaşılmış. Nihai çözüm olarak chrome.storage.local kullanılmış:

// Başarılı giriş sonrası token’ı yerel depoya kaydet
saveTokenToExtStorage(token, profile.email);

// Popup tekrar açıldığında — sunucuya tekrar istek göndermeye gerek yok
const stored = await loadTokenFromExtStorage();
if (stored?.token) {
  const profile = await getUserInfo(stored.token);
  if (profile) {
    // Durumu anında geri yükle
  }
}

Veri depolama tarafında ImageSnap, kendi sunucularında hiçbir veriyi saklamıyor. Tüm görseller doğrudan Google Drive’a, tüm veriler ise Google Sheets’e kaydediliyor. Kullanıcılar tüm verilerin sahibi olmaya devam ediyor.

Ücretsiz Olarak Deneyin

ImageSnap, Chrome Web Mağazası’nda ücretsiz bir şekilde yayınlanıyor. Aylık 30 kayıt sınırı bulunan ücretsiz versiyonu sayesinde, aracı test edebilirsiniz.

E-ticaret araştırmaları, kaynak bulma, rakip takibi veya içerik üretimi için ImageSnap’i deneyin ve fikirlerinizi yorumlarda paylaşın. Araştırma sürecinizi daha verimli ve düzenli hale getirmek için artık beklemenize gerek yok.