Squarespace Commerce: E-ticaret Etkinliği ve Dönüşüm İzleme

Squarespace aracılığı ile bir web sitesi oluşturulduğunda ilgili tüm yapılandırma işlemleri için (hem websitesi hem de e-ticaret ayarları için) ayrı ayrı alanlar sunsa da Settings bölümü her iki alan için ortaklık göstermektedir.

Entegrasyonlar

Baştan belirtmek gerekirse, izleme kodları ve ölçüm araçları için Squarespace entegrasyon seçenekleri oldukça sınırlıdır.

Google Analytics 4 (GA4)

Websitesi ziyaertçi etkinliklerinin izlenmesine yönelik olarak, Google Analytcis 4 entegrasyonu tanımlama alanına Settings altındaki Developer Tools > External API Keys adımları üzerinden ulaşılabilir¹.

İlgili alana size ait Measurement ID değerinin girilmesi ile birlikte veri akışı sağlanır. Ancak iletilen etkinlikler oldukça sınırlıdır. Genel olarak sayfa verileri tutarlı bir şekilde iletilmekte olsa da Checkout adımları bu akış içerisinde yer almaz. Ödeme sonuç sayfasında (/commerce/orders...) purchase etkinliği ile birlikte yine sayfa görüntüleme işlemi takip edilebilir hale gelmektedir.

7.0 sürümüne sahip bir siteniz varsa ve şablonunuz Ajax yüklemesini kullanıyorsa, Google Analytics diğer sayfalar için de sayfa görüntüleme verilerini edinemeyebilir. Bu durumda yalnızca bir ziyaretçinin geldiği ilk sayfa verileri GA4'e iletilir. Ziyaretçi daha sonra sitenizde gezinirken, sayfayı yenilemediği sürece Analytics aynı sayfa görüntüleniyor olarak işlem gerçekleştirir.

Google Ads

Squarespace, Google Ads dönüşümleri için de Google Analytics 4 üzerinden işlem gerçekleştirilmesini önermektedir. Ancak, purchase dışında herhangi bir e-ticaret etkinliği iletilmediği için ihtiyaç duyulması durumunda page_view parametreleri kullanılarak etkinlikler oluşturulabilir. Elbette bu etkinlikler ürün bilgileri içermeyecektir.

Diğer yandan, Developer Tools bölümünde yer alan Code Injection ile Header, Footer, Lock Page, Order Confirmation Page ve Order Status Page alanlarına kod eklenebilmektedir. Bu konu ile ilgili Google Tag Manager (GTM) başlığına göz atabilirsiniz.

Google Tag Manager (GTM)

Developer Tools bölümünde yer alan Code Injection ile Header, Footer, Lock Page, Order Confirmation Page ve Order Status Page alanları aracılığı ile Google Tag Manager kurulum kodu web sitesine eklenebilir ve ilgili tüm sayfalarda çalışması sağlanabilir. Ancak, bu aşama GA4 ve Ads başlıklarında belirtilen sınırlandırmalar yine söz konusu olacaktır.

Squarespace sadece Order Confirmation Page ve Order Status Page alanları için dinamik değişkenler sunmaktadır. Bu değişkenler ve aldıkları değerleri şu şekilde listeleyebiliriz:

• {orderId}: Onaylanan siparişin sipariş numarası
• {orderSubtotal}: Onaylanan siparişin ara toplamı
• {orderSubtotalCents}: Onaylanan siparişin sent cinsinden ara toplamı
• {orderGrandTotal}: Onaylanan siparişin genel toplamı
• {orderGrandTotalCents}: Onaylanan siparişin sent cinsinden genel toplamı
• {customerEmailAddress}: Müşterinin "Fatura Bilgileri" bölümüne girildiği şekliyle e-posta adresi

Örnek olarak aşağıdaki kod parçacığı incelenebilir.

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  event: 'order_confirmation', // or 'order_status',
  order_id: "{orderId}",
  subtotal: {orderSubtotal},
  subtotal_cents: {orderSubtotalCents},
  grandtotal: {orderGrandTotal},
  grandtotal_cents: {orderGrandTotalCents},
  customer_email: "{customerEmailAddress}"
});
</script>

Ancak, görüldüğü üzere oldukça az sayıda değişken kullanılabilmekte. Bu nedenle dinamik yeniden pazarlama etiketleri gibi ürün verilerinin de dahil edilebileceği ölçüm işlemlerinin gerçekleştirilmesi çok mümkün olmayabilmektedir. Diğer yandan, GTM entegrasyonu doğrudan tanımlı olmadığı için Squarespace tarafından herhangi bir dataLayer içeriği sağlanmamaktadır.

Google Tag Manager ile ilgili etkinlik ve parametreleri veri akış sürecine dahil etmek için sayfalar özelinde sunulan JSON içerikleri, data-current-context, data-item-id gibi öznitelik (attribute) tanımları kullanılabilir.

Facebook Meta Pixel

Marketing bölümünde aracılığı ile Facebook Meta Pixel ID değeri web sitesine eklenebilmektedir. Bu entegrasyon ağırlıklı olarak sayfa görüntüleme verisinin yanı sıra, ViewContent, Search, AddtoCart, Lead, CompleteRegistration, InitiateCheckout, AddPaymentInfo ve ödeme sonuç sayfasında Purchase ile ilişkili veri akışı sağlar².

Sonuç Olarak

Squarespace oldukça kısıtlı entegrasyon özelliklerine sahip bir websitesi oluşturucu olarak ifade edilebilir. Diğer yandan, panel versiyon farklılığı bu anlamda bazı süreçleri zorlaştırabilir. Ancak, code injection ve tema yapıları çerçevesinde kullanılan öznitelikler aracılığı ile ilgili verilerin derlenmesi ve kullanılabilir hale getirilmesi de mümkün.