Server-side tagging için Shopify

Shopify sunucu tarafı etiketlemeyi ayarlamanın kolay ve hızlı bir yolunu mu arıyorsunuz? Shopify için Stape sunucusu GTM uygulamasından başka bir yere bakmayın. Uygulamamızla, web sitesine kolayca bir web Google Etiket Yöneticisi komut dosyası ekleyebilir, özel bir etki alanı ve özel yükleyici kurabilir, kullanıcı ve e-ticaret olay verilerini veri katmanına gönderebilir ve web kancaları kurabilirsiniz. Tüm bu özellikler, çerez ömrünü uzatarak, tarayıcı izlemeyi izleme önleme teknolojilerine karşı dirençli hale getirerek ve sunucu uç noktası aracılığıyla reklam ve pazarlama platformlarına güvenilir veriler göndererek izlemeyi daha doğru hale getirmenize yardımcı olacaktır.

Bu blog yazısında, bu güçlü özellikleri hemen kullanabilmeniz için Shopify için Stape uygulamasını nasıl yapılandıracağınızı ve yükleyeceğinizi keşfedeceğiz.

Sunucu tarafı etiketleme, hassas dönüşüm izleme ve kullanıcı analizi ile pazarlama kampanyalarınızın başarısını artırabilir. Bununla birlikte, tam olarak yararlanmak titiz bir kurulum gerektirir - kimsenin göz ardı etmemesi gereken bir şey.

Çok taraflı etiketlemenin uygulanmasını olabildiğince kolaylaştırmak için bir Sunucu GTM Shopify uygulaması oluşturduk. Bu uygulamanın kullanımı ücretsizdir ve Shopify mağazası için sunucu Google Etiket Yöneticisi kapsayıcısını kolayca yapılandırmanıza yardımcı olur. Ancak önce Shopify siteleri için sunucu tarafı etiketlemenin temel faydalarından bahsedelim.

1. Daha iyi veri doğruluğu: Sunucu tarafı etiketleme, reklam engelleyicileri, tarayıcı uzantıları veya diğer istemci tarafı faktörlerinden kaynaklanan veri kaybı veya hata riskini azaltarak daha doğru veri toplama sağlamaya yardımcı olabilir.

2. Doğru dönüşüm ilişkilendirmesi. Artan çerez ömrü ve sunucu üzerinden gönderilen kullanıcı verileri nedeniyle, reklam ağları dönüşümleri pazarlama kampanyalarına daha doğru bir şekilde bağlayabilir.

3. Geliştirilmiş web sitesi performansı. Sunucu tarafı etiketleme ile etiketler istemci tarafına değil sunucuya yüklenir ve kullanıcının tarayıcısına yüklenmesi gereken kod miktarını azaltır. Bu, kullanıcı deneyimi ve SEO için çok önemli olan web sitesi yükleme hızını artırabilir.

4. Gelişmiş güvenlik. Sunucu tarafı etiketleme, veri ihlalleri veya istemci tarafı güvenlik açıklarının neden olduğu diğer güvenlik tehditleri riskini azaltarak web sitesi güvenliğini artırmaya yardımcı olabilir.

Ayrıntılı kılavuza ulaşmak için aşağıdaki genişletilebilir öğeye tıklayın.

Stape’in Shopify için Conversion Tracking uygulaması, Shopify Marketplace’ten ücretsiz olarak indirilebilir

General sekmesinde, GTM snippet'ini reklam engelleyicilere, ITP'ye ve çerez ömrü sınırlamalarına karşı dirençli bir şekilde Shopify mağazanızın tüm sayfalarına eklemeyle ilgili tüm ayarlar yer almaktadır.

• Use Shopify Markets

Birden fazla Shopify pazarınız varsa bu kutuyu işaretleyin. Bu özelliği kullanarak GTM enjeksiyonunu her Shopify pazarı için ayrı ayrı yapılandırabilirsiniz. Özellik devre dışıysa tüm pazarlar varsayılan kurulumu kullanır.

Etkinleştirildiğinde her pazar için yapılandırmanız gereken alanlar görünür:

• Insert GTM: işaretlenirse GTM snippet'i web sitesinin her sayfasına eklenir.

• GTM container ID: Web GTM container'ınızın kimliği.

• Customer privacy API: etkinleştirilirse uygulama, ziyaretçi Shopify'ın Customer Privacy banner'ı aracılığıyla çerezleri kabul edene kadar GTM yüklemesini bekletir. Bu seçenek varsayılan olarak önerilmez.

• Custom domain, Stape container ID ve Cookie Keeper: Bu alanlar sunucu tarafı izlemeyle ilişkilidir; sunucu tarafı kurulumu kullanıyorsanız veya kullanmayı planlıyorsanız yapılandırmanız gerekir. Her alanın değerini nerede bulacağınızı aşağıda açıklıyoruz.

• GTM web container ID

Buraya GTM web konteyneri ID’si girin.

• Custom domain

Birinci taraf çerezlerin doğru çalışması ve izlemenin genel olarak düzgün işlemesi için kendi alt alan adınızı kullanmanız son derece önemlidir. sGTM container'ınıza henüz bir alt alan adı eklemediyseniz bunu yapmak için özel alan adları kılavuzunu takip edin.

• Custom Loader

Reklam engelleyicilere karşı korumayı artırmak için kullanımı kesinlikle önerilir.

İlgili onay kutusunu işaretleyin ve Stape container kimliğinizi belirtin. Bulmak için Stape hesabınıza giriş yapın, sGTM container'ını seçin ve Settings bölümündeki container kimliğini bulun.

• Cookie Keeper

Bu özellik, en son ITP kısıtlamalarının etkisini en aza indirmenizi sağlar. Uygulamadan bu özelliği etkinleştirmeden önce Stape'deki container'ınızda etkinleştirdiğinizden emin olun. Cookie Keeper'ı yapılandırmak için genişletilebilir öğeye tıklayın ve talimatları izleyin:

• GTM snippet block

Burada GTM snippet'ini Shopify temanızın dışındaki sayfalara (Zipify gibi üçüncü taraf uygulamalar tarafından oluşturulan sayfalar gibi) yüklemek için alabilirsiniz.

Data Layer sekmesinde etkinleştirilecek ve yapılandırılacak veri katmanı etkinlikleri yer alır. İkinci kutu, GTM'deki çakışmaları önlemek için etkinlik adlarının _stape sonekini alıp almayacağını kontrol etmenizi sağlar. Kapalıysa etkinlikler normal adlarını korur.

Burada Stape uygulaması aracılığıyla eklenen etkinliklerin ve bunların yüklerinin tam listesini bulabilirsiniz.

Veri katmanı etkinleştirme:

• Add ecommerce Data Layer events onay kutusunu etkinleştirin.
• Değişiklikleri kaydedin.
• Data Layer sekmesinin altındaki kutudaki özel piksel kodunu kopyalayın ve bunu eklemek ve etkinleştirmek için talimatları izleyin.

Customer privacy bölümünde, izin açılır menüsünün altında Not required'ı seçtiğinizden emin olun. Kod snippet'i yalnızca Veri Katmanı oluşturur; herhangi bir çerez yerleştirmez veya üçüncü taraflara veri raporlamaz.

Data Layer sekmesinde ayrıca geliştiriciler ve mağaza yöneticileri için bir hata ayıklama aracı olan Log events to console (Dev) seçeneği de bulunmaktadır. Etkinleştirildiğinde tarayıcı konsolunda e-ticaret etkinliklerini kaydeder, doğrulama için GTM/Stape sunucu container'ına gönderilen etkinlik yüklerini gösterir ve Veri Katmanlarının hata ayıklamasına yardımcı olur.

Bu seçenek yalnızca geliştirme amaçlıdır; gereksiz konsol günlük kaydını önlemek için üretim ortamında devre dışı bırakılmalıdır.

Webhook etkinlikleri Webhook sekmesinde yapılandırılır.

Bu sekme, webhook etkinliklerinin yapılandırıldığı yerdir.

Bir webhook'u etkinleştirmek için onay kutusunu işaretleyin, sunucu GTM container'ının URL'sini ve webhookların gönderilmesi gereken /path yolunu belirtin.

Yeni bir sipariş oluşturulduğunda veya bir siparişte iade yapıldığında webhook'lara abone olabilirsiniz.

Webhookların kullanımı ve hata ayıklamasına ilişkin bazı faydalı blog yazıları:

• Webhooklar, webhook sunucuları nedir ve nasıl kullanılır
• Google Tag Manager sunucu önizlemesinde gelen webhookların hata ayıklaması
• Google Tag Manager server'da sunucudan sunucuya izleme

Google Ads'deki Customer Match listelerini otomatik olarak doldurup güncellemenizi sağlar.

Google Ads kampanyası yürütmüyorsanız veya Customer Match listeleri kullanmıyorsanız bu sekmedeki yapılandırmayı atlayın.

Sunucu kapsayıcısı, veri katmanı, çerezler veya sayfa bağlamı gibi tarayıcı tarafındaki verilere doğrudan erişemez; bu nedenle bu veriler web kapsayıcısından açıkça gönderilmelidir. Bunun için iki yöntem mevcuttur:

• Data Tag, isteklerini almak ve ayrıştırmak üzere sunucu kapsayıcısındaki Data Client ile eşleştirildiğinde, veri katmanı değişkenlerini ve diğer parametreleri belirli bir platformdan bağımsız olarak gönderir;
• Google Analytics 4, sunucu kapsayıcısının URL'si ile yapılandırılmış bir Google Etiketi aracılığıyla veri gönderir. Her iki yöntem de aşağıda ele alınmaktadır.

1. Adım. Data Tag şablonunu yükleyin:

1. 1.
   Etiketler menüsüne tıklayın.
2. 2.
   Yeni'ye tıklayın.
3. 3.
   Web Google Tag Manager konteynerinizin Şablonlar bölümünü açın → şablon galerisinden Data Tag'i ekleyin.
4. 4.
   Etiket Yapılandırması sekmesine tıklayın.
5. 5.
   Topluluk Şablon Galerisi'nde daha fazla etiket türü keşfedin seçeneğine tıklayın → Veri Etiketi'ni arayın → Çalışma alanına ekle seçeneğine tıklayın → Ekle'ye tıklayın.

2. Adım. Ardından, sayfa görüntüleme olayı için Data Tag’i yapılandıracağız:

1. 1.
   Olay Adı altında, standart bir olay adı seçebilir, özel bir olay adı ekleyebilir veya {{Event}} değişkenini kullanarak dinamik bir olay adı ekleyebilirsiniz.
2. 2.
   GTM Sunucu Tarafı URL'nizi girin (GTM sunucu tarafı URL'nizi, stape.io hesabınızda sGTM konteynerini açıp Etki Alanı bölümünü kontrol ederek bulabilirsiniz.)
3. 3.
   Verilerin nasıl gönderilmesini istediğinizi işaretleyin:

   1. 3.1.
      Tümünü DataLayer'dan gönder - web GTM veri katmanında bulunan tüm bilgileri sunucu GTM olay verilerine gönderir.
   2. 3.2.
      Ortak verileri gönder - isteğe page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size bilgilerini ekler.
   3. 3.3.
      Onay durumunu ekle - isteğe consent_state nesnesini ekler. Aşağıdaki özellikleri içerir: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
   4. 3.4.
      Ortak Çerez Ekle - etiket, bazı e-ticaret platformlarının kısıtlamalarını aşmak için eventData'da ortak çerezler gönderir. Örneğin, bu, Shopify ödeme sayfalarında çalışan olaylar için gereklidir.
4. 4.
   Olay Verileri altında, isteğe herhangi bir manuel veri ekleyebilirsiniz. Ayrıca dönüşüm (karıştırma, kırpma vb.) uygulayabilir veya verileri depolayabilirsiniz.
5. 5.
   Kullanıcı Verileri altında, kullanıcı parametrelerini gönderebilir, dönüşüm uygulayabilir veya verileri depolayabilirsiniz.
6. 6.
   Ayarlar ve Gelişmiş Ayarlar altında, tam da adından da anlaşılacağı gibi gelişmiş yapılandırma seçeneklerini bulacaksınız. Ne yaptığınızı tam olarak bilmiyorsanız, bu ayarları değiştirmemeniz en iyisidir.
7. 7.
   Etiketiniz için açıklayıcı bir ad verin ve Kaydet'e tıklayın.

3. Adım. Daha sonra, diğer olaylar için Data Tag’i yapılandırabilirsiniz. Aşağıdaki örnekte, Data Layer mevcut olduğunda e-ticaret olaylarının nasıl yapılandırılacağı gösterilmektedir.

Bu etiket, Veri Katmanındaki her e-ticaret olayını tetikler. Bu örnekte, tüm e-ticaret olayları _stape ile biter; bu nedenle, _stape içeren tüm olayları kapsayan bir düzenli ifade kullanıyoruz.

Veri Katmanından kullanıcı verilerini çeken değişken örneği.

Adım 4. Ardından, GitHub'dan Data Client'ı indirin:

1. 1.
   Bu bağlantıyı takip edin.
2. 2.
   Kod → ZIP'i İndir'e tıklayın.

Adım 5. Şimdi Data Client'ı içe aktarın:

1. 1.
   Sunucunuzdaki Google Tag Manager konteynerini açın.
2. 2.
   Şablonlar'a tıklayın.
3. 3.
   İstemciler altında Yeni'ye tıklayın.
4. 4.
   Sağ üst köşedeki üç noktaya tıklayın.
5. 5.
   İçe Aktar'a tıklayın ve GitHub'dan indirdiğiniz Veri İstemcisini seçin (önce arşivi açmanız gerekebilir).
6. 6.
   İçe aktarma işlemi tamamlandığında, Kaydet'e tıklayın.

Adım 6. Clients sekmesini açın ve New'e tıklayın → Data Client'ı seçin → Save'e tıklayın.

Adım 7. Web ve sunucu GTM önizleme ekranlarını açın ve kurulumu test edin. Web GTM konteynerinde Data Tag'in tetiklendiğini ve sGTM'de Data Client'ın Data Tag isteklerini ayrıştırdığını görmelisiniz.

Adım 1. Sunucu konteyneri URL’si için bir yapılandırma değişkeni oluşturun. Bunu yapmak için:

1. 1.
   Değişkenler menüsüne tıklayın.
2. 2.
   Kullanıcı Tanımlı Değişken çubuğunun altındaki Yeni seçeneğine tıklayın.
3. 3.
   Değişken Yapılandırması çubuğuna tıklayın.
4. 4.
   Google etiketi: Yapılandırma ayarları türünü seçin.
5. 5.
   Parametre ekle seçeneğine tıklayın.
6. 6.
   Aşağıdaki parametreleri girin:

   1. 6.1.
      Yapılandırma Parametresi: server_container_url.
   2. 6.2.
      Değer: Tag Manager sunucu kapsayıcınızın URL'si.
7. 7.
   Değişkeninize açıklayıcı bir ad verin ve Kaydet seçeneğine tıklayın.

Adım 2. Bir Google Analytics 4 etiketi oluşturun:

1. 1.
   Etiketler menüsüne tıklayın.
2. 2.
   B YeniB 'ye tıklayın.
3. 3.
   B Etiket YapılandırmasıB sekmesine tıklayın.
4. 4.
   B Google AnalyticsB → B Google EtiketiB 'ni seçin.
5. 5.
   B Etiket KimliğiB altında, GA4 hesabınızdaki kimliği girin (bunu bulmak için GA4'e gidin → B YöneticiB 'ye tıklayın → B Veri akışlarıB 'na tıklayın → akışı seçin → B Ölçüm KimliğiB 'ne bakın.)
6. 6.
   B Yapılandırma ayarlarıB altında, daha önce oluşturduğunuz sunucu kapsayıcı değişkenini seçin.
7. 7.
   Tetikleme altında, Başlatma - Tüm sayfalar tetikleyici seçeneğinin seçili olduğundan emin olun.
8. 8.
   Etiketiniz için açıklayıcı bir ad verin ve Kaydet'e tıklayın.
9. 9.
   Konteynerin yayına girmesi için Yayınla'ya tıklayın.

Adım 3. Ardından, Tüm Tıklamalar olayını örnek olarak kullanarak bir GA4 olayının nasıl oluşturulacağını görelim:

1. 1.
   Etiketler menüsüne tıklayın.
2. 2.
   Yeni'ye tıklayın.
3. 3.
   Etiket Yapılandırması sekmesine tıklayın.
4. 4.
   Google Analytics → Google Analytics: GA4 Olayı'nı seçin.
5. 5.
   Ölçüm Kimliğinizi girin (GA4 Veri akışları menüsünden).
6. 6.
   Olayınıza açıklayıcı bir ad verin.
7. 7.
   Tetikleme → Tüm Tıklamalar'a tıklayın.
8. 8.
   Etikete açıklayıcı bir ad verin.
9. 9.
   Kaydet'e tıklayın.

Ardından, olay verilerinizin pazarlama/analitik platformunuza gönderilmesini yapılandırmanız gerekecektir. Tam adımlar, seçtiğiniz platforma bağlı olacaktır. Daha fazla bilgi için popüler platformlarla ilgili kılavuzlarımıza göz atın:

• Meta Dönüşümler API'sini kurma
• Google Analytics 4 (GA4) izlemeyi kurma
• Google Ads dönüşüm izlemeyi kurma
• Diğer platformlar

En popüler pazarlama ve analitik araçlarının büyük çoğunluğu artık sunucu tarafı etiketlemeyi desteklemekte ve sGTM için etiketlere sahip bulunmaktadır. Sitemizde bu araçların nasıl uygulanacağına dair kılavuzlar bulabilirsiniz: Facebook CAPI, TikTok Events API, Snapchat Conversions API, Google Ads sunucu tarafı izleme vb.

GTM indirmesinin hata ayıklaması

Etkinleştirme veya herhangi bir değişikliğin ardından container'ınızın gerçekten siteye yüklenip yüklenmediğini kontrol etmeniz önerilir.

Bunu yapmak için sitenizdeki herhangi bir sayfaya gidin, tarayıcı konsolunu açın ve ağ sekmesinde alt alan adınızın/etiketleme sunucusu URL'nize göre filtreleyin. Aşağıdaki ekran görüntüsüne benzer şekilde 200 yanıt durumuyla bir istek görmeniz gerekir.

Checkout veri katmanı etkinliklerinin hata ayıklaması

Checkout sayfasından önce gerçekleşen etkinliklerde her şey diğer platformlarda olduğu gibi çalışır; GTM web container'ınızın önizlemesini başlatabilir ve tüm etkinlikleri görebilirsiniz.

Checkout etkinlikleri, GTM Preview'da görüntülenmeyecektir. Bunun nedeni, bu sayfalardaki kısıtlı ortamın GTM snippet'i de dahil olmak üzere kısıtsız DOM manipülasyonunu veya script enjeksiyonunu engellemesidir.

Ancak Stape GTM Helper Chrome uzantısını kullanarak snippet'i checkout sayfasına manuel olarak ekleyebilirsiniz:

• GTM'de Preview Modu'nu başlattıktan sonra uzantının Settings sekmesindeki Shopify Sandbox dataLayer geçiş düğmesini açın.
• Inject GTM sekmesinde Enable injection'a tıklayın, alan adınızı ve GTM ID'nizi ekleyin. Değişiklikleri kaydedin.

Artık checkout sayfasındaki etkinlikler GTM Preview'da görünecektir.

Sunucu tarafı etiketleme olanakları hızla genişliyor ve kullanıcıya dönüşüm izleme ve analitiğin doğruluğunu artırmak için harika bir araç sunuyor. Buna ek olarak, Stape müşterilerimiz için SgTM kullanımını basitleştirmeye çalışır, bu nedenle Shopify için Sunucu GTM uygulamasını yayınlıyoruz.

Shopify için Stape sunucusu GTM, çok sayıda özellik ve avantaja sahip harika bir araçtır. Örneğin, bir Google Etiket Yöneticisi komut dosyası ekleyerek ve özel etki alanınızı ve yükleyicinizi yapılandırarak web sitenizde kolayca izleme ayarlayabilirsiniz. Ek olarak, kullanıcı verilerini veri katmanına gönderebilir ve webhooks kurabilirsiniz.

Tüm bu özellikler, çerez ömrünü uzatarak ve tarayıcı izlemeyi izleme önleme teknolojilerine karşı dirençli hale getirerek analitikteki verilerin daha doğru hale getirilmesine yardımcı olur. Bu araçlar, sunucu uç noktası üzerinden reklam ve pazarlama platformlarına güvenilir veri iletimi için gereklidir. 

Shopify sunucu tarafı etiketlemeyi ayarlamak için hızlı ve basit bir çözüm arıyorsanız, Stape gidilecek yoldur. Bugün bu mükemmel çözümden yararlanın ve Shopify için Stape Server GTM Uygulaması ile daha doğru izleme öngörülerinin avantajlarından yararlanın. Şimdi kendiniz test edin - hayal kırıklığına uğramayacağınızı biliyoruz!