RevealTheme logo

Algılama kılavuzu · 2026

Herhangi bir web sitesinde Shopify temasını nasıl algılarsınız

Shopify, tüm e-ticaretin %10'unu çalıştırır. Her Shopify mağazası HTML'inde öngörülebilir imzalar bırakır: dedektörümüz etkin temayı işte böyle bulur.

En hızlı yol: ücretsiz dedektörümüzü kullanın

Herhangi bir URL'yi yapıştırın ve Shopify temasını, eklentilerini ve teknoloji yığınını 2 saniyede elde edin.

Shopify dedektörünü aç →

Dedektörümüz neye bakar

cdn.shopify.com kaynak URL'leri

Her Shopify mağazası CSS, JS ve görüntüleri cdn.shopify.com'dan yükler. URL yolu, tema kimliğini ve mağaza adını içerir.

Nerede: HTML <link> ve <script> etiketleri

Shopify.theme JavaScript nesnesi

Shopify, mağazanın JavaScript'inde window.Shopify.theme = { id, name, role } değerini açığa çıkarır. En doğrudan tema tanımlamasıdır.

Nerede: <body> içindeki satır içi <script>

theme.liquid ipuçları

Shopify temaları Liquid şablonları kullanır. theme.liquid'in yorumları ve sınıf adları tema tanımlayıcısını sızdırır (ör. 'dawn', 'debut', 'brooklyn').

Nerede: HTML sınıf adları ve yorumlar

X-ShopId ve X-Shopify-Stage başlıkları

Shopify edge, her istekte bu yanıt başlıklarını ekler. X-ShopId mağazayı benzersiz şekilde tanımlar.

Nerede: HTTP yanıt başlıkları

Canonical veya myshopify.com bağlantıları

Özel alan adlı mağazalar bile yönetim bağlantılarında, ödeme uç noktalarında veya yedek kaynaklarda myshopify.com URL'leri içerir.

Nerede: HTML <link rel='canonical'> veya kaynak URL'leri

Manuel inceleme kontrol listesi

Dedektör kesin olmayan sonuçlar döndürürse, tarayıcınızın geliştirici araçlarında (sağ tık → İncele) bu manuel kontrolleri gözden geçirin:

  1. 1

    Kaynağı görüntüleyin. 'cdn.shopify.com' arayın: her Shopify mağazasında mevcuttur.

  2. 2

    DevTools konsolunda window.Shopify.theme yazın. Shopify ise, tema nesnesini doğrudan döndürür.

  3. 3

    /admin veya /cart adresini ziyaret edin: her ikisi de Shopify'a özgü yanıtlar döndürür.

  4. 4

    Ödeme URL'sini kontrol edin: Shopify mağazaları özel alan adlarında bile /checkouts/ yollarını kullanır.

  5. 5

    Sınıf adlarında tema tanımlayıcısını arayın (ör. 'template-product', 'shopify-section').

Bir sitenin teknoloji yığınını neden belirlemelisiniz?

Üç meşru neden: rakip araştırması (sektörünüzün lideri hangi araçları kullanıyor?), müşteri adayı niteleme (bu potansiyel müşterinin sitesi hizmetiniz için gerekli koşulları karşılıyor mu?) ve geçiş planlaması (bir yeniden tasarım için bütçe çıkarmadan önce mevcut teknoloji yığınını bilmeniz gerekir).

Yukarıdakilerin tümü kamuya açık kayıt faaliyetleridir: kontrol ettiğimiz her sinyal, sayfanın HTML'inde veya HTTP yanıtında görünür durumdadır; bu, herkesin «Kaynağı görüntüle» ile görebileceği verilerle aynıdır. Biz yalnızca onları daha hızlı analiz eder ve net bir şekilde sunarız.

Algılamanın size söyleyemeyecekleri

Algılama, neyin çalıştığını belirler. Bir sitenin neden o teknoloji yığınını seçtiğini, buna ne kadar harcadığını, geliştiricisinin kim olduğunu veya yol haritasının ne olduğunu söyleyemez. Bunun için bir kişiyle konuşun.

Ayrıca agresif önbelleğe almayı, headless yapılandırmaları veya çerçevenin varsayılan işaretleyicileri olmadan sıfırdan oluşturulmuş temaları da göremez. Daha derine inmeniz gerektiğini bilmeniz için düşük güvenilirlikteki algılamaları işaretleriz.