Özel pikselleri test etme

Özel bir piksel oluşturduktan sonra, sitenizde olaylar meydana geldiğinde pikselinizin verileri doğru şekilde gönderdiğinden emin olmak için pikseli test etmeniz gerekir.

Piksel olaylarınızın yüklenip yüklenmediğini ve Shopify olaylarına doğru şekilde abone olup olmadığınızı test etmek için Shopify Pixel Helper'ı kullanabilirsiniz. Shopify Pixel Helper, alınan olayları ve bu olaylara ait verileri gerçek zamanlı olarak görüntülemek için online mağazanızda özel pikselinizi test etmenize olanak tanır.

Özel pikseliniz, kendi piksel yardımcısı aracına sahip bir üçüncü taraf platformuyla entegre oluyorsa piksel olaylarınızın üçüncü taraf platformu tarafından işlenip işlenmediğini ve alınıp alınmadığını test etmek için Shopify Pixel Helper'a ek olarak üçüncü taraf piksel yardımcısını da kullanabilirsiniz. Örneğin, mağazanıza özel bir TikTok pikseli eklerseniz pikselinizi test etmek için hem Shopify Pixel Helper'ı hem de TikTok piksel yardımcısını kullanabilirsiniz.

Her iki platformun olaylarını aynı anda test etmek için Shopify Pixel Helper'ı bir üçüncü taraf piksel yardımcısıyla aynı tarayıcı oturumunda kullanabilirsiniz.

Aşağıda, tüm standart olayları sanal alana (sandbox) gönderen ve olay verilerini konsola kaydeden özel bir piksel betiği bulunmaktadır. Standart olaylar Shopify Pixel Helper'da görünür olacaktır. Ayrıca, web piksellerinin sağlayabileceği her şeyi keşfetmek için all_events, all_custom_events ve all_dom_events gibi diğer toplu aboneliklere abone olabilirsiniz. Daha fazla bilgi için web pikselleri API'sini ziyaret edin.

analytics.subscribe("all_standard_events", event => {
   console.log("Event data ", event?.data);
});

Bu sayfada

Özel bir pikselin bağlı olduğundan emin olma

Özel pikselinizi test etmeden önce, özel pikselin bağlı olduğundan emin olun.

Adımlar:

Shopify yöneticinizden Ayarlar > Müşteri olayları bölümüne gidin.
Test etmek istediğiniz pikselin yanında, Durum sütununda pikselinizin Bağlandı durumunun görüntülendiğini doğrulayın.
Piksel bağlı değilse ... simgesine ve ardından Bağla'ya tıklayın.

Shopify Pixel Helper'ı kullanarak özel bir pikseli test etme

Özel pikselinizin bağlı olduğunu doğruladıktan sonra, özel pikselinizin veri gönderip göndermediğini ve mağazanızın verilerini alıp almadığını test etmek için Shopify Pixel Helper'ı kullanabilirsiniz. Her seferinde bir özel pikseli test edebilirsiniz.

Adımlar:

Shopify yöneticinizden Ayarlar > Müşteri olayları bölümüne gidin.
Test etmek istediğiniz özel piksele tıklayın.
Özel pikseli web sitenizde test etmek için Test Et'e tıklayın.
İsteğe bağlı: Mağazanızın izin ayarlarına ve özel pikselin müşteri gizliliği ayarlarına bağlı olarak, Piksel yardımcısı iletişim kutusunda Piksel onay bekliyor ifadesi görüntülenebilir. Test işlemine devam etmek için aşağıdakilerden birini yapın:
- Mağazanızın çerez banner'ında veya tercihlerinde izlemeyi kabul edin.
- Teste devam etmek için izin ver'e tıklayın.
- Pikseliniz hâlâ yüklenmiyorsa müşteri gizliliği ayarlarınızı gözden geçirin.
Hangi olayların yüklendiğini görüntülemek için pikseli test etmek istediğiniz her bir sayfayı ziyaret edin ve Piksel yardımcısı iletişim kutusunun Alınan olaylar bölümünü inceleyerek olaya başarılı bir şekilde abone olunduğundan ve geri arama işlevinin başarılı olduğundan emin olun:
- page_viewed olayını test etmek için yeni bir sayfaya gidin.
- product_viewed olayını test etmek için bir ürüne tıklayın.
- product_added_to_cart olayını test etmek için sepetinize bir ürün ekleyin.
- checkout_started olayını test etmek için ödeme sayfanıza gidin.
- checkout_shipping_info_submitted olayının checkout_started olayının yerini aldığını test etmek için ödeme sayfasında kargo bilgilerinizi girin.
- checkout_completed olayının checkout_shipping_info_submitted olayının yerini aldığını test etmek için ödemeyi tamamlayın. Test siparişi verme hakkında daha fazla bilgi edinin.
Alınan olay verilerini görüntülemek için simgesine tıklayarak piksel yardımcısı iletişim kutusunu genişletin.

Alınan olaylar bölümünü görüntüleme

5. adımda hangi olayların yüklendiğini test ettiğinizde, Piksel yardımcısı iletişim kutusunun Alınan olaylar bölümünde aşağıdaki durumlardan biri görüntülenir:

Yeşil bir nokta, olaya başarılı bir şekilde abone olunduğunu ve geri arama işlevinin başarılı olduğunu gösterir.
Kırmızı bir nokta, olaya başarılı bir şekilde abone olunduğunu ancak geri arama işlevinin başarısız olduğunu gösterir. Özel pikselinizdeki hataları giderme hakkında bilgi edinin.
Piksel yardımcısı, en üst düzeyde veya geri arama işlevinde meydana gelen yakalanmayan hataları görüntüler. En üst düzey hatalar, piksel yardımcısı yüklendiğinde görüntülenir. Geri arama hata mesajları, kırmızı noktalı bir olayı genişletmek için tıkladığınızda görüntülenir.
Aşağıdaki kod örneğinde bir geri arama hatası ve bir üst düzey hata bulunmaktadır. Üst düzey hatanın konumuna bağlı olarak piksel kısmen çalışabilir.

analytics.subscribe("all_standard_events", event => {
  console.log("Event data ", event?.data);
  throw new Error("callback error");
});

throw new Error("top level error")

JavaScript hatalarını düzeltme hakkında daha fazla bilgi edinmek için JavaScript'te Hata Giderme bölümünü ziyaret edin.

Özel pikselinizdeki hataları giderme

Pikseliniz test sırasında yüklenmiyor veya tetiklenmiyorsa ve etkinlik verileriniz ile piksel kodunuzda hata olup olmadığını zaten kontrol ettiyseniz aşağıdaki hata giderme adımlarını deneyin.

Müşteri gizliliği ayarlarınızı gözden geçirin

Pikseliniz test sırasında yüklenmiyor veya tetiklenmiyorsa bunun nedeni, yüklenmesini engelleyen müşteri gizliliği ayarları olabilir.

Shopify yöneticinizden Ayarlar > Müşteri gizliliği bölümüne gidin ve oturumunuza uygulanabilecek müşteri gizliliği ayarlarını kontrol edin. Müşteri gizliliği ayarlarınıza bağlı olarak aşağıdaki adımları izleyin:

Bölgenizde onay gerektiren müşteri gizliliği ayarlarınız varsa çerez banner'ınız aracılığıyla onay verdiğinizden emin olun.
Pikselin yüklenmesini engelleyen herhangi bir müşteri gizliliği ayarınız yoksa çerez banner'ınızı sıfırlamak ve onay vermek için tarayıcınızın çerezlerini temizleyin.

Onayı yönetmek için bir üçüncü taraf aracı kullanıyorsanız destek için üçüncü taraf sağlayıcınızla iletişime geçin.

Ek hata giderme

Özel pikselinizin bir müşteri etkinliğine düzgün şekilde abone olup olmadığı hâlâ net değilse aşağıdaki hata giderme adımlarını deneyin:

Tarayıcınızın çerezlerini temizleyin.
Standart bir etkinliği test ediyorsanız Shopify'ın standart etkinlik açıklamaları geliştirici belgelerini inceleyerek etkinliği tetiklemek için gerekli adımları uyguladığınızdan emin olun.

Üçüncü taraf piksel yardımcısı testi

Piksel SDK'sı (yazılım geliştirme kiti), pikselinizin müşteri davranışları hakkında bilgi toplaması için gereken araçları içerir. Üçüncü taraf piksel sağlayıcınızın piksel yardımcısını kullanarak pikselinizin aşağıdaki davranışlarını test edebilir ve piksel SDK'sının beklendiği gibi çalıştığından emin olabilirsiniz:

Bir üçüncü taraf piksel SDK'sının yüklenip yüklenmediğini test etme

Ağ sekmenizi kontrol etme adımları, kullandığınız web tarayıcısına göre değişir. Örneğin, Google Chrome'da ağ sekmenizi nasıl kontrol edeceğinizi öğrenmek için Chrome for Developers Ağ etkinliğini denetleme belgelerine bakın.

Bir üçüncü taraf piksel SDK'sının yüklendiğini test etmek için öncelikle SDK URL'sine yönelik kodu üçüncü taraf sağlayıcınızdan alıp piksel kodunuza eklemeniz gerekir. Destek için üçüncü taraf piksel sağlayıcınızla iletişime geçin.

Adımlar:

Shopify yöneticinizden Ayarlar > Müşteri olayları bölümüne gidin.
Test etmek istediğiniz özel piksele tıklayın.
Kod bölümünde, üçüncü taraf sağlayıcınızın verdiği piksel SDK'sını piksel kodunuzun sonuna girin.
Kaydet'e tıklayın.
Online mağazanızı ziyaret edin ve ardından üçüncü taraf sağlayıcının SDK URL'sinin indirildiğinden emin olmak için ağ sekmenizi kontrol edin.
İsteğe bağlı: Üçüncü taraf piksel SDK'sı yüklenmezse korumalı alandaki JavaScript çalışma zamanı hatalarını kontrol edin. Örneğin Chrome'da, konsol günlüklerini incelemek üzere belirli bir iFrame seçebilir ve ardından günlükleri test ettiğiniz belirli piksele daraltabilirsiniz. Chrome'da JavaScript çalışma zamanı hatalarını kontrol etme hakkında daha fazla bilgi edinmek için Chrome'un JavaScript'te Hata Ayıklama belgelerine bakın.

Test sırasında üçüncü taraf piksel SDK'sı yüklenmezse destek için üçüncü taraf piksel sağlayıcınızla iletişime geçin.

Diğer üçüncü taraf piksel SDK'sı testleri

Bir üçüncü taraf piksel SDK'sının başlatılıp başlatılmadığını veya etkinlik toplayıp toplamadığını test etmek için üçüncü taraf piksel sağlayıcınızın belgelerine bakın.

Bir piksel SDK'sının etkinlik toplayıp toplamadığını test etmek için tarayıcınızın ağ sekmesini kontrol etmeniz istenebilir. Ağ sekmenizi kontrol etme adımları, kullandığınız web tarayıcısına göre değişir. Örneğin, Google Chrome'da ağ sekmenizi nasıl kontrol edeceğinizi öğrenmek için Chrome for Developers Ağ etkinliğini denetleme belgelerine bakın.