Bloga dön

Blog

Shopify için SignalHost: ilk sayfa görüntülemeden satın almaya kadar sunucu tarafı izleme

Yayınlandı · 6 dk okuma

Shopify için SignalHost henüz Shopify App Store üzerinde yok. O zamana kadar elle ekleyebilirsiniz: SignalHost'u elle eklemek

SignalHost uygulaması bir Shopify mağazasına, tema düzenlemeden ve kod yazmadan sunucu tarafı Google Tag Manager kazandırır. Bağladığınızda SignalHost mağazanızda bir web pikseli oluşturur; bu piksel sayfa görüntülemelerini, sepetleri, her ödeme adımını ve satın almaları kendi etiketleme sunucunuza gönderir, sunucunuz da bunları Google Analytics 4'e ve reklam platformlarınıza iletir. Bu kılavuz kurulumu, bağlantıyı, testi, isteğe bağlı tema yerleştirmesini ve bir şey çalışmadığında ne yapacağınızı anlatır.

Başlamadan önce

  • Online mağazası olan bir Shopify mağazası. Uygulama, mağaza vitrininde ve Shopify'ın ödeme sayfasında çalışır.
  • Bir SignalHost hesabı. Denemek için ücretsiz plan yeterlidir: ayda 10.000 istek ve bir konteyner. Hesabı bağlanırken de oluşturabilirsiniz.
  • Shopify yönetim panelinizde uygulama kurma yetkisi.

1. Uygulamayı kurun

Shopify App Store'da SignalHost: Server Tag Manager uygulamasını açın ve kurun. Uygulama Shopify'dan yalnızca iki izin ister: web piksellerini yönetmek ve müşteri etkinliklerini okumak. Temanıza da müşterilerinizin verilerine de erişim istemez. Kurulduktan sonra Shopify yönetim panelinizde Apps altında açılır.

2. Mağazanızı bir konteynere bağlayın

Uygulamanın sayfası “SignalHost ile bağlan” düğmesini ve SignalHost'ta yeniyseniz “Ücretsiz hesap oluştur” düğmesini sunar. İkisi de signalhost.io'yu yeni bir sekmede açar; orada oturum açın veya kaydolun.

Sonraki ekran uygulamanın neler yapabileceğini (izleme kodunuzu mağazanızın her sayfasına eklemek, sepet ve ödeme etkinliklerini konteynere göndermek ve konteynerin durumunu okumak) ve neler yapamayacağını söyler: müşterilerinizin iletişim bilgilerini okumak, Google hesabınızı kullanmak veya faturalandırmanızı görmek. Ardından mağazanın hangi konteyneri kullanması gerektiğini sorar. Konteyner, size ait etiketleme sunucunuzdur: kendi Google hesabınızda oluşturulan bir Tag Manager web konteyneri ve sunucu konteyneri; bu yüzden sizin olarak kalırlar.

Birini seçip “Bağlan” düğmesine basın ya da mağazanızın adını taşıyan “… için yeni konteyner” seçeneğini seçip kısa sihirbazdan geçmek için “Konteyner oluştur” düğmesine basın. Shopify'a döndüğünüzde uygulamanın sayfası kendiliğinden güncellenir. “Bağlantıyı onaylayın” görünürse belirtilen hesabı ve konteyneri kontrol edin ve “Bağlantıyı onayla” düğmesine basın.

3. İzleme kendiliğinden başlar

Yapıştırılacak kod, düzenlenecek tema ya da yayınlanacak bir şey yoktur. Mağaza bağlandığında SignalHost uygulamanın web pikselini oluşturur ve ona etiketleme adresinizi ve konteynerinizin Google Analytics 4 ölçüm kimliğini verir. Shopify pikseli her vitrin sayfasında ve ödeme sayfasında çalıştırır. Yeni bir konteyner oluşturulurken uygulama “Az kaldı”, ardından “İzleme yayında” der.

4. Test edin

Mağazanızı yeni bir sekmede açın, çerez banner'ını kabul edin, bir ürünü görüntüleyin, sepete ekleyin ve ödemeyi başlatın. Uygulamaya döndüğünüzde “Son 7 gün” birkaç dakika içinde “Sayfa görüntülemeleri”, “Sepete eklenenler”, “Başlatılan ödemeler” ve “Satın almalar” değerlerini sayar; “Durumu yenile” en son durumu okur.

“İstatistikleri ve ayarları aç” konteynerinizi signalhost.io'da açar; Growth planından itibaren orada “Canlı etkinlik izleme” her etkinliği geldiği anda ülkesi, tarayıcısı ve izin durumuyla birlikte listeler.

Uygulamanın gönderdikleri

Shopify kendi müşteri etkinliklerini piksele verir, piksel de bunları Google Analytics 4 etkinliklerine dönüştürür:

  • page_view, vitrin ve ödeme sayfalarında
  • view_item, view_item_list ve search
  • add_to_cart, remove_from_cart ve view_cart
  • begin_checkout, add_shipping_info ve add_payment_info
  • purchase, tutar, vergi, kargo ve indirim kodlarıyla birlikte

Piksel ziyaretçinin Google Analytics çerezlerini kullanır; böylece bir ödeme etkinliği, kendisinden önceki ürün sayfasıyla aynı ziyaretçiye ve oturuma ait olur. Her istek tarayıcıdan reklam engelleyicilerin tanımadığı bir biçimde çıkar ve etiketleme sunucunuz onu Google Analytics 4'e ve konteyner sayfasında kurduğunuz reklam platformlarına iletir: Google Ads, Meta, TikTok ve diğerleri.

Shopify pikseli yalnızca ziyaretçinin gizlilik tercihi analize izin verdiğinde çalıştırır; yani kimin sayılacağına Shopify'ın çerez banner'ı karar verir. Reklam tercihi her etkinlikle birlikte taşınır, böylece sunucu konteyneriniz etkinlikleri reklam platformlarından geri tutabilir. Uygulama müşterilerinizin iletişim bilgilerini hiçbir zaman okumaz.

İsteğe bağlı: her sayfada kendi Tag Manager konteyneriniz

Piksel etkinliklerini kendisi gönderir ve Tag Manager web konteynerinizi yüklemez. Bu konteynere vitrinde yalnızca kendine ait etiketleri varsa ihtiyacınız olur; örneğin bir ısı haritası aracı ya da GA4'ün kaydırma ve tıklama izlemesi. Bu durumda uygulamada “İsteğe bağlı: kendi Tag Manager konteynerinizi her sayfada yükleyin” bölümünü açın ve “Tema düzenleyicide aç” düğmesine basın; Shopify'ın tema düzenleyicisi SignalHost açık olarak açılır ve orada Kaydet'e bastığınızda ayar geçerli olur.

Bundan sonra vitrin sayfalarındaki sayfa görüntülemelerini Tag Manager konteyneriniz gönderir ve piksel bu sayfalarda onları atlar; böylece hiçbir şey iki kez sayılmaz. Yerleştirmenin Use Shopify's cookie banner for Google Consent Mode ayarı, etiketlerin ziyaretçinin yanıtını beklemesini sağlar; bunu yalnızca başka bir uygulama Google Consent Mode'u zaten ayarlıyorsa kapatın.

Kendi izleme alan adınız

Konteyneriniz signalhost.io altındaki bir adresle başlar. Ücretli bir planda konteyner sayfasındaki “Kendi alan adınızı kurun”, tek bir DNS kaydıyla sizi mağazanızın alan adının metrics.yourshop.com gibi bir alt alan adına adım adım götürür. Tarayıcılar onu birinci taraf olarak görür; bu yüzden çerezleri sizin kendi çerezleriniz sayılır ve reklam tıklamaları kampanyalarınıza atfedilmeye devam eder. Alan adı yayına girdiğinde uygulama vitrininizi ve ödeme sayfanızı birkaç dakika içinde ona geçirir. Elle değiştirmeniz gereken hiçbir şey yoktur.

SignalHost'u elle eklemek

SignalHost'u bir Shopify mağazasına uygulama olmadan da ekleyebilirsiniz. signalhost.io'da konteynerinizi açın, “Sitenize yükleyin” kartındaki kod parçacığını bulun ve “Kopyala” düğmesine basın. Ardından Shopify'da Online Store › Themes › ⋯ › Edit code yoluna gidin, theme.liquid dosyasını açın ve kod parçacığını açılış head etiketinin hemen arkasına yapıştırın. Temanız aynı Analytics mülkü için zaten Google Tag Manager ya da bir Google etiketi yüklüyorsa ikinci bir tane eklemek yerine o kod parçacığını değiştirin. Kaydedin, mağazanızı ziyaret edin ve konteyner sayfasında “Bunu yaptım” düğmesine basın.

Bu, Tag Manager konteynerinizi sayfa görüntülemeleri ve temanızın data layer'a kendisinin push ettiği her şeyle birlikte temanızın sayfalarında yükler. Pikselin eklediklerini ise kaçırır: Shopify'ın ödeme sayfası hiçbir tema kodu çalıştırmaz, bu yüzden ödeme adımları ve satın alma theme.liquid içindeki bir kod parçacığına hiçbir zaman ulaşmaz; ürün ve sepet etkinlikleri de pikselden gelir. Kendi alan adınız yayına girdiğinde kod parçacığını kendiniz değiştirirsiniz. Uygulamayı daha sonra kurarsanız önce kod parçacığını kaldırın, yoksa her sayfa görüntüleme iki kez sayılır.

Planlar ve faturalandırma

Uygulama üzerinden bağlanan bir mağaza SignalHost ücretini Shopify üzerinden öder. Uygulamanın sayfasındaki “Planlar ve faturalandırma”, planınızı seçebileceğiniz ya da değiştirebileceğiniz Shopify sayfasını açar ve ücret Shopify faturanızda görünür. Bağlandıktan sonra uygulama, bu ayki istek sayınızı planınızın sınırıyla karşılaştırarak da gösterir.

Bir hesabın tek bir ödeyeni olur. SignalHost hesabınız zaten kartla ödeniyorsa ya da ücretini başka bir Shopify mağazası ödüyorsa uygulama bunu söyler ve bu mağazanın planı kullanılmaz; iki kez ödememek için bunlardan birini iptal edin.

Yönetme ve bağlantıyı kesme

“Bağlantıyı kes” uygulamanın sayfasının en altındadır ve ikinci bir basış ister. Ardından SignalHost uygulamanın pikselini ve tema yerleştirmesinin okuduğu değerleri kaldırır, birkaç dakika içinde mağazanızda yüklenmeyi bırakır. Konteyneriniz ve istatistikleri yerinde kalır; “SignalHost ile bağlan” mağazayı yeniden bağlar. signalhost.io'daki “Ayarlar › Bağlı siteler” de mağazayı listeler.

Bunun yerine uygulamayı Shopify'da kaldırırsanız SignalHost mağazayı bağlantısı kesilmiş olarak işaretler ve Shopify üzerinden ödenen bir plan uygulamayla birlikte sona erer: hesabınız ücretsiz plana geri döner.

Bir şey çalışmadığında

  • Uygulama “Az kaldı” durumunda kalıyor: yeni bir konteyner hâlâ oluşturuluyor, bu birkaç dakika sürer. Oluşturma başarısız olduysa nedenini görmek için konteyneri açın.
  • Uygulama, konteynerinizin henüz bir Google Analytics mülkü olmadığını söylüyor: konteyneri açın ve bir mülk ekleyin. O zamana kadar pikselin veri gönderebileceği bir yer yoktur.
  • “Son 7 gün” sıfırda kalıyor: canlı mağazayı açın ve çerez banner'ını kabul edin. Shopify pikseli yalnızca gizlilik tercihi analize izin veren ziyaretçiler için çalıştırır.
  • Tema yerleştirmesi açıkken uygulama izleme kodunun iki kez yer aldığını ya da eski bir kopyanın hâlâ temanızda olduğunu söylüyor: daha önce theme.liquid dosyasına yapıştırdığınız kod parçacığını kaldırın.
  • Planınızın sınırına ulaştınız: planınızı yükseltmezseniz yeni etkinlikler, uygulamanın belirttiği tarihe kadar kaydedilmez.
  • Başka bir sorun varsa: mağazanızın adresiyle birlikte hello@signalhost.io adresine yazın.

Ticari markalar

SignalHost, Algorithmo GmbH'nin bağımsız bir ürünüdür; Shopify, Google, Meta veya TikTok ile bağlantılı değildir ve bunlar tarafından onaylanmamıştır. Google Analytics, Google Ads ve Google Tag Manager, Google LLC'nin ticari markalarıdır; Meta, Meta Platforms, Inc.'in ticari markasıdır; TikTok, ByteDance Ltd.'nin ticari markasıdır; Shopify, Shopify Inc.'in ticari markasıdır.

Reklam engelleyicilere veri kaybetmeyi bırakın

Ücretsiz başlayın. İlk konteynerinizi dakikalar içinde çalıştırın.