Shopify'da GA4 E-Ticaret Takibi Nasıl Kurulur

Yayınlanan: 2022-07-19

Google'ın Temmuz 2023'te Universal Analytics'i kullanımdan kaldıracağını ve her şeyi GA4'e taşıyacağını şimdiye kadar biliyor olmalısınız. Bu, web sitesi sahiplerinin GA4'ü mümkün olan en kısa sürede kurması gerektiği anlamına gelir. E-ticaret web siteleri için, e-ticaret izlemenin GA4'te de çalışmasını sağlamanın ek bir komplikasyonu vardır. Shopify mağazaları için bu süreç Universal Analytics'te gerçekten basitti, ancak GA4'te daha zordur.

Uygulama yüklemeye veya geliştiricileri kullanmaya gerek kalmadan herhangi bir Shopify web sitesinde GA4 e-ticaret izlemeyi kurmak için kolay bir süreç için okumaya devam edin.

Herkesin bu kılavuzu takip edebilmesi gerekirken, GTM'nin nasıl çalıştığına dair temel bir anlayışa sahipseniz bu daha kolay olacaktır.

Shopify'da Veri Katmanı Oluşturun

İlk görevimiz bir veri katmanı oluşturmak. Veri katmanı, bir ziyaretçinin web sitesi oturumu hakkında bilgi içeren basit bir kod parçasıdır. Bu bilgiler daha sonra GTM gibi diğer platformlara aktarılabilir.

Sizin için Shopify sipariş tamamlama sayfasında yer alan bir veri katmanı oluşturduk. Sipariş değeri, nakliye maliyetleri ve satın alınan ürünler gibi müşterinin siparişiyle ilgili bilgileri otomatik olarak doldurur.

Aşağıdaki komut dosyasını kopyalayıp Shopify yönetici ayarlarınızdaki "ödeme" komut dosyaları alanına yapıştırın. Bunu, 'Ayarlar > Ödeme ve Hesaplar > Ek Komut Dosyaları'na giderek bulabilirsiniz.
Bu veri katmanı, müşterinin siparişiyle ilgili bilgileri içeren bir 'satın alma' olayını GTM'ye gönderir.

 {% if first_time_accessed %} <script> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ 'event': 'purchase', ecommerce: { 'transaction_id': '{{ order.name || order.order_number }}', 'value': {{ total_price | money_without_currency | remove:',' }}, // Includes tax & shipping 'tax': {{ tax_price | money_without_currency | remove:',' }}, 'shipping': {{ shipping_price | money_without_currency | remove:',' }}, 'currency': '{{ shop.currency }}', 'payment_type': '{{ order.transactions[0].gateway }}', //optional parameter 'items': [ {% for line_item in line_items %} { 'item_id': '{{ line_item.sku || line_item.product_id }}', //if no SKU exists, use product Id 'item_name': '{{ line_item.product.title }}', 'discount': {{ line_item.line_level_total_discount | money_without_currency }}, 'item_variant': '{{ line_item.variant.title }}', 'price': {{ line_item.final_price | money_without_currency }}, 'quantity': {{ line_item.quantity }} }, {% endfor %} ]} }); </script> {% endif %}**

GTM'de Ateşleme Tetiği Oluştur

Şimdi, müşteriler bir siparişi tamamladığında tetiklenen bir tetikleyici kurmamız gerekiyor. Tetik tetiklendiğinde, sipariş bilgilerini içeren etiket GA4'e gönderilir.

Satın alma tetikleyicimizin tetiklendiği koşulları tanımlamamız gerekiyor. Tetikleyicimizin koşulu, veri katmanımızdaki satın alma olayının itilmesi olacaktır. Bunu ayarlamak için:

GTM'de oturum açın, soldaki menüye gidin ve 'Tetikleyiciler'i seçin
Mavi 'Yeni' düğmesine basın
Tetikleyicinizi "GA4 - Satın Al" olarak adlandırın
'Tetikleyici Yapılandırma' penceresinin köşesindeki 'düzenle' simgesine basın
'Tetikleyici türünü seçin' altında 'Özel Etkinlik'i seçin
'Etkinlik adı' alanına 'satın al' yazın
'Bu tetikleyici etkinleşir'i 'Bazı özel etkinlikler' olarak ayarlayın
Etkinlik koşullarını şu şekilde ayarlayın:
Etkinlik - Eşittir - Satın Alma

Bitirdiğinizde, şöyle görünmelidir:

GTM'de Veri Katmanı Değişkenleri Oluşturun

Etiketimizi kurmadan önce, veri katmanımızdan bilgi almak için GTM değişkenleri oluşturmamız gerekiyor. Değişkenler sizin için yeniyse, bunları küçük bilgi parçaları içeren paketler olarak düşünün.

Bu değişkenlere veri katmanından belirli değerler eklenir ve bunlar daha sonra GA4'e gönderilir.

Veri katmanınızdan aşağıdaki değerleri çıkarmak için değişkenler oluşturmamız gerekiyor:

Sipariş Geliri
Sipariş Kimliği
Para birimi
Vergi
Nakliye masrafları
Satın Alınan Ürünler
GTM'de sol menüden 'Değişkenler' sayfasına tıklayın
'Kullanıcı Tanımlı Değişkenler' kutusunda 'Yeni' düğmesine tıklayın
Bu ekranda yeni bir GTM değişkeni oluşturabilirsiniz. Yukarıda listelenen değişkenlerin her biri için aşağıdaki işlemi yapmanız gerekir. Her bir değişken için ayrıntılar aşağıda listelenmiştir:

Sipariş Geliri

İsim: dlv - Teşekkür Sayfası - Sipariş Geliri

Değişken Yapılandırma: