Shopify

Shopify entegrasyonu

Selwise, Shopify mağazalarıyla sorunsuz çalışır. Kurulum üç adımdan oluşur: script'i temaya ekleme, domain doğrulama ve sipariş takibini bağlama.

1. Script'i temaya ekleyin

Shopify yönetim panelinde Online Store > Themes > Edit code yolunu izleyin ve theme.liquid dosyasında </body> etiketinden hemen önce Selwise script'ini ekleyin:

<script
  src="https://widget.selwise.com/client.js"
  data-site-key="SITE_KEY"
></script>

Böylece script tüm sayfalarda yüklenir. Shopify platformu otomatik algılanır ve sayfa/ürün/sepet event'leri veri katmanı üzerinden yakalanmaya başlar.

Otomatik platform algılama

Selwise, window.Shopify gibi işaretlerden mağazanızın Shopify olduğunu tespit eder ve Shopify'a uygun ürün seçicileri ile sayfa tipi kalıplarını uygular. Çoğu tema için ek yapılandırma gerekmez.

2. Domain'i doğrulayın

Dashboard'da sitenizin alan adını (ör. magaza.com veya magaza.myshopify.com) doğrulayın. Doğrulanmadan widget'lar gösterilmez ve event'ler reddedilir. Bkz. Domain Doğrulama.

3. Sipariş takibini bağlayın

Shopify'da satın alma verisi Settings > Checkout > Order status page > Additional scripts alanına eklenir. Liquid ile gerçek sipariş verisini doldurun:

<script>
  var orderId = '{{ order.id }}';
  var total = {{ order.total_price | divided_by: 100.0 }};
  var currency = '{{ shop.currency }}';

  window.Selwise?.trackOrder({
    orderId: String(orderId),
    currency: currency,
    total: total,
    placedAt: new Date().toISOString(),
    items: [
      {% for line_item in order.line_items %}
      {
        productItemCode: '{{ line_item.sku }}',
        productId: '{{ line_item.product_id }}',
        name: '{{ line_item.title | escape }}',
        quantity: {{ line_item.quantity }},
        unitPrice: {{ line_item.price | divided_by: 100.0 }}
      }{% unless forloop.last %},{% endunless %}
      {% endfor %}
    ]
  });
</script>

Fiyatlar kuruş cinsinden

Shopify tutarları kuruş/cent olarak verir. Örneklerdeki divided_by: 100.0 bunları ana para birimine çevirir. line_item.sku alanının, Selwise ürün beslemenizdeki productItemCode ile aynı olduğundan emin olun.

Checkout Extensibility / Plus

Shopify Plus veya yeni Checkout Extensibility kullanıyorsanız "Additional scripts" alanı yerine bir "Custom Pixel" veya post-purchase uzantısı üzerinden aynı trackOrder çağrısını yapabilirsiniz. Mantık aynıdır: satın alma tamamlandığında orderId ve kalemlerle trackOrder çağırın.

Kurulum sonrası doğrulama ve sorun giderme için bkz. Sipariş Takibi ve Takip Sorunları.

Son güncelleme: 1 Temmuz 2026

Bu makale yardimci oldu mu?