Shopify'da sunucu tarafı takip: nasıl çalışır ve kurulum

Shopify'da sunucu tarafı takip, her satın alımın yalnızca alışveriş yapanın tarayıcısındaki bir pikselden değil, mağazanızın sipariş verisinden, bir sunucu tarafından gönderilerek Meta'ya, TikTok'a ve diğer reklam platformlarına ulaşması demektir. Shopify her ödenmiş siparişi takip uygulamasına webhook ile bildirir ve uygulama onu, alışveriş yapanı getiren reklam tıklamasıyla eşleştirerek her platformun conversions API'sine gönderir.

Bu rehber, akışın Shopify'a ait kısımlarını ele alır: tema app embed'i ve app proxy, ödeme sayfasındaki pikseller, orders/paid webhook'u, sipariş eşleştirme, mükerrer kayıt önleme, rıza ve ROASaurus'taki kurulum. Genel fikir için önce sunucu tarafı takip nedir yazısını okuyun.

Shopify'da sunucu tarafı takip nasıl çalışır

Tıklama ile satın alım farklı anlarda ve farklı yerlerde gerçekleşir. Tıklama yalnızca tarayıcıda, açılış sayfasında görünür. Ödenmiş sipariş ise yalnızca Shopify tarafında, ödeme tahsil edildiğinde kesinleşir. Sunucu tarafı takip ilkini kaydeder, ikincisini bekler ve ikisini birleştirir.

Shopify bileşenleri: app embed, app proxy, pikseller ve webhook'lar

Bir Shopify mağazası, bir takip uygulamasına çalışması için dört yer sunar. Her birinin işi farklıdır ve eksiksiz bir kurulum dördünü de kullanır.

Tema app embed'i ve app proxy

Tema app embed'i, bir uygulamanın temanıza eklediği bir bloktur. Onu tema düzenleyicide açarsınız; yani yapıştırılacak bir kod yoktur. ROASaurus embed'i her sayfada bir betik yükler. Açılış sayfasında fbclid, ttclid ve gclid gibi tıklama kimliklerini ve UTM parametrelerini okur, bunları birinci taraf bir ziyaretçi kimliğiyle saklar.

Betik olaylarını Shopify'ın app proxy'si üzerinden gönderir. App proxy, kendi alan adınızdaki bir yoldan, örneğin yourstore.com/apps/roasaurus adresinden gelen istekleri uygulamanın sunucusuna iletir. Tarayıcı için bu, kendi sitenize yapılan bir istektir ve bilinen takip alan adlarını engelleyen reklam engelleyicilere karşı yardımcı olabilir. Shopify, app proxy isteklerinden Cookie başlığını, yanıtlardan ise Set-Cookie başlığını kaldırır; bu yüzden ziyaretçi kimliği bir çerezde değil, olayın kendi içinde taşınır.

Ödeme sayfasındaki Customer events ve pikseller

Shopify'ın ödeme sayfasında takip betikleri sayfanın kendisinde değil, bir sandbox içinde piksel olarak çalışır. Bunları Settings › Customer events altında yönetirsiniz. İki türü vardır. Uygulama pikselleri bir uygulamayla gelir ve katı bir sandbox içinde çalışır. Özel pikseller satıcı tarafından eklenir ve Meta pikseli gibi üçüncü taraf betikleri yükleyebilen daha az katı bir sandbox içinde çalışır.

ROASaurus ikisini de kullanır. Uygulama pikseli, uygulamayı yüklediğinizde açılır. Ödeme sayfasının başlangıcını, iletişim adımını ve tamamlanan ödemeyi ROASaurus'a raporlar. İsteğe bağlı özel piksel ise ödeme sayfasına Meta, TikTok, Snapchat, Pinterest ve Reddit tarayıcı piksellerini ekler ve Google Ads dönüşümlerini gönderir.

Sipariş webhook'ları

Webhook, mağazada bir şey olduğunda Shopify'ın bir uygulamaya gönderdiği mesajdır. ROASaurus diğerlerinin yanı sıra orders/paid ve orders/create olaylarına abone olur. Webhook'taki sipariş; sipariş kimliğini, değeri, sipariş kalemlerini, müşteri bilgilerini, sepet ve ödeme sayfası token'larını, sepet özniteliklerini ve siparişin verildiği IP adresini ve tarayıcıyı içerir. Shopify'ın sunucularından geldiği için bir reklam engelleyici ya da kapatılmış bir sekme onu durduramaz.

Siparişler reklam tıklamalarıyla nasıl eşleştirilir

Webhook, ROASaurus'a bir siparişin ödendiğini bildirir. Yararlı bir dönüşüm göndermek için ROASaurus'un siparişi hangi ziyaretçinin verdiğini de bilmesi gerekir, çünkü tıklama kimlikleri ziyaretçi kaydında bulunur. Şu bağlantıları, en doğrudandan en az doğrudana doğru sırayla dener:

Sepet öznitelikleri, Shopify'da eşleştirmenin doğrudan olmasının nedenidir. Bunlar sepette saklanan anahtar-değer çiftleridir ve Shopify bunları siparişe kopyalar. Ürün sayfasında yazılan bir değer, alışveriş yapan teşekkür sayfasını erken kapatmış olsa bile webhook geldiğinde hâlâ oradadır.

Bir istisna: Buy it now gibi hızlandırılmış ödeme düğmeleri sepeti atlar. ROASaurus, sepete eklemenin her zaman izlenmesi için bunları kapatmanızı önerir. Bunlarla verilen siparişler yine de ödeme sayfası token'ı üzerinden eşleşebilir.

Bir sipariş, baştan sona

Özel piksel kuruluyken bir Meta reklamından gelen tek bir sipariş için olanlar şöyledir:

Satın alım ne zaman gönderilir: orders/paid veya orders/create

Satın alımı hangi webhook'un tetiklediği, müşterilerinizin nasıl ödeme yaptığına bağlıdır. Bunu Store settings içinde ödeme sayfası türü olarak seçersiniz.

ROASaurus, webhook geldikten sonra her satın alımı kısa bir süre bekletir. Bu sürede tarayıcıdan tamamlanan ödeme olayı da genellikle gelir. Onun sayfa URL'si, IP adresi ve user agent'ı daha sonra ziyaretçi kaydındaki tıklama kimliklerinin yanında sunucu olayına eklenir. Shopify'ın test siparişi olarak işaretlediği siparişler kaydedilir ama reklam platformlarına gönderilmez.

Mükerrer kayıt önleme tarayıcı pikselleriyle nasıl çalışır

Tarayıcı pikselleri sunucu olaylarının yanında çalıştığında platform her satın alımı iki kez alır ve yalnızca birini tutmalıdır. Bunu olay kimliğiyle yapar. ROASaurus bir satın alımın iki kopyasına da Shopify sipariş kimliğinden oluşturulmuş aynı kimliği verir: kimliği 6123456789012 olan sipariş için order-6123456789012. Bu, siparişin admin URL'sindeki uzun sayıdır; #1042 gibi sipariş adı değildir. Ödeme sayfası pikseli bunu tarayıcıdaki Purchase için, sunucu ise conversions API olayı için kullanır. Örneğin Meta, olay adı ile olay kimliği eşleştiğinde ve ikisi 48 saat içinde geldiğinde bir kopyayı tutar.

Olay kimliği yalnızca onu taşıyan olaylar arasında işe yarar. Başka bir uygulama aynı pikseli gönderiyorsa onun olaylarının kendi kimlikleri vardır ve platform siparişi yeniden sayar. Shopify'da olağan nedenler, aynı piksele bağlı Facebook & Instagram kanalı, TikTok uygulaması ve theme.liquid içine yapıştırılmış piksel kodudur. Mükerrer satın alım olayları rehberimiz bunları nasıl bulacağınızı gösterir, Çift saymayı önleme yazısı ise çözümleri listeler.

Shopify'ın Customer Privacy API'si üzerinden rıza

Shopify'ın Customer Privacy API'si her ziyaretçinin çerez tercihini saklar. Onu çerez banner'ınız doldurur; ister Shopify'ın kendi banner'ını ister API'ye bağlı bir rıza uygulamasını kullanın. Betikler ve pikseller daha sonra ona, bu ziyaretçi için pazarlamaya izin verilip verilmediğini sorabilir.

Store settings içinde varsayılan olan Respect visitor consent açıkken ROASaurus vitrin betiği ve ödeme sayfası pikselleri, takip etmeden önce API'ye sorar.

E-postalar, telefon numaraları, adlar ve adresler bir reklam platformuna gönderilmeden önce SHA-256 ile hash'lenir. Üç ayrıntı daha önemlidir:

• Karar, banner'ınıza aittir. ROASaurus, API'nin bildirdiğini izler. API sayfada kullanılabilir değilse ROASaurus ziyaretçiyi rıza vermiş sayar; bu yüzden banner'ınızın ona bağlı olduğunu kontrol edin.
• Açılış sayfası sipariş üzerinde kalır. Shopify, açılış sayfası adresini her siparişle birlikte saklar ve bu adres kampanya etiketleri ile tıklama kimlikleri içerebilir. ROASaurus onu kendi atıf raporlarında, reddeden ziyaretçiler için de kullanır ve reklam platformlarına göndermez.
• Siparişi göndermek hukuki bir karardır. Reddeden bir ziyaretçinin ödenmiş siparişinin hiç gönderilip gönderilemeyeceği, mağazanız için hukuki bir sorudur.

Consent Mode v2 ve GDPR rehberimiz kuralları üst düzeyde açıklar, Rıza ve gizlilik sayfası ise ayrıntıları içerir.

ROASaurus'ta Shopify'da sunucu tarafı takip nasıl kurulur

Kurulum adımlarını şu sırayla yapın:

1. Uygulamayı yükleyin

   Add a store bölümüne gidin, Shopify'ı seçin, .myshopify.com alan adınızı girin ve Install app'e tıklayın. Uygulamayı Shopify'da onaylayın. ROASaurus sipariş webhook'larını kaydeder ve uygulama pikselini açar.

2. Tema app embed'ini açın

   Tracking & platforms sayfasında Open theme editor'a tıklayın, ROASaurus app embed'ini açın ve kaydedin.

3. Ödeme sayfası pikselini ekleyin

   Shopify admin'de Settings › Customer events bölümüne gidin ve ROASaurus adlı bir özel piksel ekleyin. ROASaurus betiği ziyaretçinin pazarlama tercihini kendisi kontrol ettiği için izni Not required olarak ayarlayın. Tracking & platforms bölümündeki kod parçasını yapıştırın. Bu piksele, ödeme sayfasındaki tarayıcı pikselleri ve Google Ads için ihtiyacınız vardır.

4. Reklam platformlarınızı bağlayın

   Tracking & platforms bölümünde her platform için Add pixel'e, Meta için Connect with Facebook'a tıklayın. Mükerrer kaydı önlenmiş tarayıcı olayları istiyorsanız tarayıcı pikselini de yükleme seçeneğini açık tutun.

5. Mağaza ayarlarını kontrol edin

   Store settings içinde ödeme sayfası türünüzü seçin ve rızanın gerekli olduğu yerlerde satış yapıyorsanız Respect visitor consent seçeneğini açık tutun.

6. Diğer göndericileri kaldırın

   Facebook & Instagram kanalında bu pikseli veri paylaşımı ayarlarından kaldırın. Veri paylaşımı düzeyini düşürmek yeterli değildir, çünkü Standard dahil her düzey Meta pikselini tarayıcıdan gönderir. TikTok uygulaması aynı pikseli gönderiyorsa onu orada da durdurun ve piksel kodunu temanızdan kaldırın.

Özel piksel kod parçası şöyle görünür. Mağaza anahtarınızın zaten doldurulduğu Tracking & platforms bölümünden kopyalayın. Shopify kurulum rehberi aynı adımları içerir.

self.tl = this; document.head.appendChild(document.createElement('script')).src = 'https://app.roasaurus.com/c.js?k=YOUR_STORE_KEY';

Çalıştığı nasıl kontrol edilir

Rakamlara güvenmeden önce tek bir gerçek siparişle test edin:

1. Mağazanızı URL'nin sonuna ?roasaurus=connected ekleyerek açın. Bir mesaj, betiğin canlı olduğunu doğrular.
2. Meta için Events Manager › Test events içindeki kodu pikselin Test event code alanına yapıştırın.
3. Düşük fiyatlı gerçek bir sipariş verin ve ardından iade edin. Shopify test siparişleri gönderilmez.
4. Event log içinde siparişin sunucu gönderimi, her platform için platformun yanıtıyla birlikte sent olarak görünür.
5. Platformun test görünümünde tarayıcı ve sunucu Purchase olaylarının order- artı Shopify sipariş kimliği olan aynı olay kimliğini paylaştığını kontrol edin.
6. Sonrasında test olayı kodunu kaldırın.

Shopify'da sunucu tarafı takip neyi çözmez

• Reddedilen rıza. Pazarlama çerezlerini reddeden ziyaretçilerin siparişleri gönderilir, ama tıklama kimliği olmadan; bu yüzden reklam platformları bunları daha az iyi eşleştirir.
• Safari'nin çerez sınırları. 7 günden uzun süre sonra geri dönen bir alışveriş yapan, yeni bir ziyaretçi gibi görünebilir. Birinci taraf bir takip alt alan adı toplamayı kendi alan adınızda tutar, ama Safari bu çerezleri yine de 7 günle sınırlayabilir.
• Atıf farkları. Her reklam platformu satışlara yine kendi pencereleri ve modelleriyle pay verir. Kanalları tek bir kurallar kümesiyle karşılaştırmak için kendi atıfınızı kullanın.
• Aynı pikseli kullanan diğer uygulamalar. Olay kimlikleri yalnızca onları paylaşan olayları birleştirir.

Çözdüğü şey ise gerçekleşmiş ama tarayıcı olayı kaybolduğu için reklam platformuna hiç ulaşmayan satın alımdır. ROASaurus'un her platforma ne gönderdiği için sunucu tarafı takip ve Shopify entegrasyonu sayfalarına bakın.

Kaynaklar

1. Shopify: Customer Privacy API
2. Shopify: Authenticate app proxies
3. Shopify Help Center: Manage your custom pixels
4. Shopify Help Center: Facebook data sharing
5. Meta: Handling Duplicate Pixel and Conversions API Events

ROASaurus'ta

• Yardım: ROASaurus'u Shopify'da kurma
• Shopify entegrasyonu
• ROASaurus'ta sunucu tarafı takip
• Yardım: rıza ve gizlilik

Okumaya devam edin