Üçüncü taraf piksellerinizi yönetmek için Google Etiket Yöneticisi'ni (GTM) özel bir piksel olarak kullanabilirsiniz.
Test etmeye hazır olduğunuzda, özel piksellerinizi test etmek için Google Etiket Asistanı Eski Chrome uzantısını kullanabilirsiniz. Google Etiket Asistanı özel piksellerle çalışmaz.
Google Etiket Yöneticisi'ni kullanarak özel piksel oluşturmadan önce, pikselin nasıl yapılandırılacağını anladığınızdan emin olmak için aşağıdaki bilgileri inceleyin:
Aşağıda, bir kullanıcının ürününüzü görüntülediğini belirten standart "product_viewed" etkinliğine abone olma örneği verilmiştir. Etkinlik tetiklendiğinde, bu etkinliği dataLayer'a iletilir.
Bu örnekte ürün başlığı, etkinlik veri yüküne aktarılmaktadır. Seçtiğiniz etiketteki etkinlik veri yükünden ürün başlığını almak için bir Google Etiket Yöneticisi değişkeni kullanabilirsiniz.
Google Etiket Yöneticisi özel pikseli örneği
Aşağıdaki örnekte, verilerin Google Etiket Yöneticisi'ne nasıl gönderileceğini gösteren Google Etiket Yöneticisi özel pikselinin basitleştirilmiş bir versiyonudur. dataLayer'a daha fazla etkinlik iletmek için, abone olduğunuz standart ve özel etkinliklerin sayısını artırabilirsiniz.
Google Etiket Yöneticisi'ni Özel Pikselinizden etkinlikleri kabul edecek şekilde yapılandırma
Özel pikselinizi oluşturduktan sonra, Google Etiket Yöneticisi'ni özel pikselinizden etkinlikleri kabul edecek şekilde yapılandırmanız gerekir. Bunu yapabilmek için Google Etiket Yöneticisi'nde bir etikete, bir tetikleyiciye ve dataLayer değişkenlerine sahip olmanız gerekir.
Aşağıdaki tabloda, belirli standart müşteri etkinliklerine ve bunların Google Etiket Yöneticisi'ndeki eş değerleri verilmiştir:
Standart Shopify müşteri etkinliklerinin ve bu etkinliklerin GTM'deki eş değer etkinliklerinin listesi
Özel piksel dataLayer etkinliklerinizin işlenebilmesi için GTM etiket etkinliği parametrelerinin, beklenen adlandırma kurallarıyla eşleşmesi gerekir.
Belirli özel piksel dataLayer etkinliği özellikleri ve bunların Google Analytics 4'teki (GA4) eş değer etkinlik parametreleri aşağıda verilmiştir:
GA4 adlandırma kuralını kullanan belirli özel piksel dataLayer etkinliklerinin listesi
Özel piksel dataLayer etkinlikleri
GA4 etkinlik parametreleri
event.data?.checkout?.currencyCode
para birimi
event.data?.checkout?.totalPrice?.amount
value
event.data?.checkout?.order?.id
transaction_id
event.data?.checkout?.discountAllocations
coupon
event.data?.checkout?.shippingLine?.price?.amount
shipping
event.data?.checkout?.totalTax
tax
event.data?.checkout?.lineItems
items
Aşağıdaki checkout_completed etkinliğinin kullanıldığı bir örnek:
Google Etiket Yöneticisi tetikleyicisi, checkout_completed etkinlik adına sahip özel bir etkinlik türüdür. Tetikleyicide yer alan Etkinlik adı alanı, özel pikselinizdeki etkinlik anahtarıyla eşleşmelidir.
orderId ve currency, Google Etiket Yöneticisi'nde etkinlikteki verileri almak için kullanacağınız değişkenlerdir. Bunlar, Google Etiket Yöneticisi'nde bir dataLayer değişkeniyle eşleştirilebilir. Her bir etkinlik değişkeninin, kendi dataLayer değişkeni olmalıdır. Tetikleyiciyi, tüm özel etkinliklerde tetiklenecek şekilde ayarlayın.
Oluşturduğunuz tetikleyiciyi kullanan bir etiket oluşturun. Etkinlik parametrelerinin altına, almak istediğiniz değişkenleri ekleyin. Yukarıdaki örnekte orderId, currency, price, shippingLine ve totalTax, dataLayer değişkenleri olarak ayarlanır. Etiket her etkinleştiğinde, etkinlikle birlikte bu dataLayer değişkenlerini alır.
Veri aktarımının gerçekleşebilmesi için Google Etiket Yöneticisi'nde en az bir etiket ve tetikleyicinin ayarlanmış olması gerektiğini unutmayın.
Eski dataLayer.push(event) çağrılarını analytics.publish() ile değiştirme
Google Etiket Yöneticisi'ni daha önce ayarladıysanız dataLayer.push çağrılarınızı Shopify.analytics.publish() çağrılarıyla değiştirmeniz gerekir. dataLayer.push çağrılarınızı, tema düzenleyicinizin Düzen bölümündeki theme.liquid dosyalarında bulabilirsiniz.
Ayrıca, checkout.liquid'de bulunan dataLayer.push çağrılarını da değiştirmeniz gerekir. Ancak checkout.liquid, ödeme genişletilebilirliği ile uyumlu olmadığından verileri web piksellerine iletmek için bir kullanıcı arabirimi uzantısı kullanmanız gerekir.
Aşağıda, theme.liquid dosyalarında dataLayer kullanılarak takip edilen özel bir e-posta kayıt etkinliğine dair basitleştirilmiş bir örnek yer almaktadır.
Verileri özel pikselinize ileten Shopify eşdeğeri şu şekilde görünür.
Ardından, özel piksel kodunuza aşağıdakilere benzer kod eklersiniz.
Eski dataLayer.push(data) öğesini değiştirme
Google Etiket Yöneticisi'nin, her etkinlikte durum bilgisi içeren dataLayer nesnesini iletmenizi sağlayan bir özelliği vardır. Shopify'ın piksel korumalı alanında eşdeğer bir özellik bulunmasa da kendi veri nesnenizi oluşturup bunları özel etkinliklere ileterek aynı sonucu elde edebilirsiniz.
Örneğin, özel etkinliklerinizin herhangi biri yayınlanmadan önce bir "customData" nesnesi tanımlayın.
Ardından, özel verilerinizi dahil etmek istediğinizde bu verileri yayınlama yönteminize iletin.
Google Analytics 4'ü ayarlamayla ilgili ipuçları
Google Etiket Yöneticisi'ni bir özel piksel olarak kullanırken Google Analytics 4'ü (GA4) ayarlama ile ilgili aşağıdaki hususları inceleyin.
Daha sade sayfa URL'leri
GA4 bir korumalı alanda çalışırken, sayfa URL'lerinin çalışılan korumalı alanla ilgili bilgiler içerdiğini görebilirsiniz. Korumalı alan bilgilerini bu URL'lerden kaldırmak istiyorsanız GA4'ün otomatik sayfa takibini devre dışı bırakabilir ve bunun yerine standart page_viewed etkinliğini kullanarak kendi sayfa takibinizi uygulayabilirsiniz.
Kendi etkinliğinizi dataLayer'da yayınladıktan sonra page_viewed etkinliğinde tetiklenen bir GA4 page_view etiketi oluşturabilirsiniz. Genellikle, Google Analytics: GA4 Etkinliği etiket türünü kullanıp Etkinlik Adını page_view olarak ayarlayabilirsiniz. Etiket türünü ve etiket adını ayarladıktan sonra page_location için bir parametre eklemeniz ve değeri, özel pikselinizden dataLayer'a ilettiğiniz değerle aynı olacak şekilde ayarlamanız gerekir.
Gelişmiş ölçüm
GA4'ü Shopify'ın piksel korumalı alanına yüklediğinizde normalde otomatik olarak oluşturulan bazı etkinliklerin manuel olarak ayarlanması gerekir. Örneğin, GA4'ün Gelişmiş ölçüm ayarının bir parçası olan gelen bağlantı tıklamaları, özel pikseller kullanıldığında güvenlik nedeniyle otomatik olarak tetiklenemez. Öte yandan, GA4'ün gelişmiş ölçüm etkinliklerini kendi başınıza, özel etkinlikler olarak uygulayabilirsiniz.
Aşağıdaki kodda, giden bağlantı tıklamalarını takip etmenin basitleştirilmiş bir örneği verilmiştir.
Son olarak GTM'de, GA4'ün gelişmiş etkinlik adlandırması ile eşleşmesi için etkinlik adını tıklama yaparak bağlantı tıklamalarını GA4'e gönderen bir GA4 etiketi oluşturun.
Google'ın gelişmiş ölçüm metriklerinden herhangi biriyle aynı takibi elde edebilirsiniz.
Önce uzantı simgesine, ardından Etkinleştir'e tıklayın.
Sitenize gidin ve test etmek istediğiniz etkinlikleri tetikleyin.
Uzantıda, Google Etiket Yöneticisi etiketine tıklayın. Data Layer (Veri Katmanı) bölümünde, tetiklenen etkinliğin veri yükünün görüntülenmesi gerekir.
Uzantıda, Google Etiket Yöneticisi tarafından yüklenen diğer tüm etiketler de listelenir. Bu etiketlere tıklayarak, etiketlere gönderilen verileri gözden geçirebilirsiniz.
Aradığınız cevapları bulamıyor musunuz? Yardımcı olmak için buradayız.