Teknoloji Pazarlama, Bloglarınızdan ve Gadget'larınızdan Para Kazanın

WooCommerce'i Google Optimize ile Bölünmüş Test Etme

WooCommerce'i Google Optimize ile Bölünmüş Test Etme

Bu trafiğin bir kısmı müşteri olacağından WooCommerce mağazanıza trafik çekmenin önemli olduğunu biliyorsunuz. Ancak sitenizin ziyaretçileri müşteriye dönüştürme konusunda etkili olup olmadığını nasıl anlarsınız?

Müşteri haline gelen ziyaretçi sayısına dönüşüm oranı denir. Dönüşüm oranları, büyüyen herhangi bir WooCommerce mağazasının izlemesi ve optimize etmeye çalışması için önemlidir. Mağaza dönüşüm oranlarını optimize etmenin son derece etkili yollarından biri, dönüşüm oranınızı neyin artırdığını görmek için Google Optimize'ı kullanarak denemeler oluşturmaktır.

Bu makale, WooCommerce mağazanızda Google Optimize bölünmüş testini ayarlamanıza yardımcı olacaktır. Bu eğitimi tamamladıktan sonra, dönüşüm oranınızı artırmak için tasarım parçalarını ve ifadeleri nasıl test edebileceğinizi anlayacaksınız. Öyleyse takip edin, geliştirici veya kodlayıcı olmanıza gerek yok! İşleri basit tutacağıma söz veriyorum.

Bu makaleyi üç bölüme ayırdım:

  1. Google Optimize Hesabınızı Nasıl Ayarlayabilirsiniz?
  2. Google Optimize'ı WooCommerce mağazanıza entegre edin
  3. Google Optimize'da ilk bölünmüş testinizi yapılandırın

Makul miktarda trafiğe (ayda en az 5.000 tekil ziyaretçi) sahip herhangi bir WooCommerce mağaza sahibinin bölünmüş testler oluşturmasını önemle tavsiye ederim. Site yapınızın veya ifadelerinizin hangi bölümlerinin dönüşüm oranlarınızı sınırladığını keşfetmek için harika bir araçtır. Bu testleri ücretsiz olarak ayarlamak için Google Optimize'ı kullanabilirsiniz; bu başlangıç ​​için mükemmel bir seçimdir. Yaygın bölünmüş testlere örnek olarak, Ödeme sayfasındaki güven etiketlerini gizleyen veya gösteren tıklamaları teşvik etmek için “Sepete Ekle” düğmesinin hangi renkte olması gerektiğini, “Ödeme Yap” düğmesinin metnini ve mağaza web sitenizdeki diğer önemli öğeleri test etmek verilebilir.

Bu örnekte, “Ödeme” düğmesi üzerinde bir deney yapacağız ve iki farklı rengi birbiriyle karşılaştıracağız. Başlayalım!

Google Optimize Hesabınızı Kurun

Özellikle zaten bir Google kullanıyorsanız, Google Optimize hesabınızı oluşturmak basittir. Başını aşmak https://marketingplatform.google.com/about/optimize/ ve sağ üst köşedeki “Optimize etmek için Oturum Açın” düğmesine tıklayın. Henüz bir Google hesabınız yoksa bir tane oluşturmanız gerekecektir.

Hesabınızı oluşturduktan sonra kurulum sürecinde size yol gösterecek bir sihirbazla karşılaşacaksınız. Gelin bunu birlikte aşalım.

Sihirbazın ilk adımı, Google'ın sizden çeşitli e-posta bültenlerine abone olmanızı istemesidir. Gelen kutunuza daha fazla e-posta gelmesini istiyorsanız bu size kalmış; ben kesinlikle istemiyorum. Bu yüzden bu kutuların tümü için “Hayır”ı işaretleyeceğim.

2. Adım, ilk Google Optimize hesabınızı yapılandırmaktır. Veri gizliliğiyle ilgili her türlü soru sorulacak ve GDPRBu büyük ölçüde işletmenizin fiziksel konumuna bağlıdır. ABD'de Avrupa Birliği'ne göre daha az katı kurallar geçerlidir.

Almanya'da yaşadığım için GDPR ile ilgili kutuları kabul etmek zorundayım. Ayrıca verilerimin, hesabıma manuel olarak bağlamadığım diğer Google hizmetleriyle paylaşılmasını da istemiyorum. Verilerinizden en iyi şekilde yararlanmak için Google Analytics hesabınızın Google Optimize'a bağlanmasını isteyeceksiniz. Ancak bunun gibi kullanım durumları dışında verilerimin gizli kalmasını istiyorum.

Okumak:  Google Arama Ağı Reklamlarıyla İşletmenizi Geliştirin: İpuçları ve Püf Noktaları

Bu kadar! Hesabınız artık kuruldu ve ilk bölünmüş test denemenizi oluşturmaya hazırsınız.

Google Optimize'ı WordPress kurulumunuza entegre edin

Hesap kurulumunuzu yukarıda açıklandığı gibi tamamladıktan sonra Google sizden “ilk deneyiminizi” oluşturmanızı isteyecektir. Deneyimler, Google'ın tek bir web sitesinde yürütülen denemeleri gruplandırma yöntemidir. Dolayısıyla birden fazla siteniz veya mağazanız varsa ve bunları Google Optimize'a entegre etmek istiyorsanız her biri için bir deneyim oluşturmanız gerekir.

Sağdaki bölümde görebileceğiniz gibi, bu deneyimi yaratmayı %25 oranında tamamladık. Eğitimin bu bölümünde kapsayıcımızın adını özelleştireceğiz, bölünmüş testinizin temelini oluşturacağız ve onu Google Analytics'e bağlayacağız.

Kapsayıcıları düzenlemek için hedef web sitesinin URL'sini ad olarak kullanmayı seviyorum. Sağ kenar çubuğunda “Konteyner bilgileri”nin hemen yanındaki üç dikey noktaya tıklayarak konteyner adını kolayca değiştirebilirsiniz.

“Kapsayıcı adını düzenle”ye tıklayın ve bu kapsayıcının entegre olduğu web sitesini tanımanıza yardımcı olacak adı girin. Bu eğitimin amacı doğrultusunda “Woo Google Optimize Demo”yu kullanacağım.

Google Optimize'da İlk Bölünmüş Test Deneyiminizi Yapılandırın

Artık kapsayıcınızı uygun şekilde adlandırdığınıza göre, WooCommerce mağazanız için ilk bölünmüş testinizi ayarlamaya geçelim. Öncelikle ekranınızın sağında yeni bir alan açacak olan mavi “Hadi Gidelim” butonuna tıklayın.

Bu alanda deneyiminiz için bir ad belirleyebilirsiniz. Bu örnek için benimkini “Ödeme düğmesi renk testi” olarak adlandırdım. Denemeyi çalıştırmak istediğiniz sayfanın URL'sini belirtmeniz gerekir; bu, Ödeme sayfası URL'sidir.

Ne tür bir deneyim çalıştırmak istediğinizi daha da belirtebilirsiniz. Google Optimize dört farklı tür sunar:

  • A/B testi. Bu, trafiğinizin bir kısmını orijinal sayfaya, diğer kısmını da varyasyona göndererek orijinal sayfanın bir varyantını oluşturmanıza ve bunları birbiriyle karşılaştırmanıza olanak tanır.
  • Çok değişkenli test. Bu, orijinal sayfanın birden çok varyasyonunu oluşturmanıza olanak tanır. Bunu yalnızca ciddi miktarda trafiğiniz olduğunda kullanırım, aksi takdirde güvenilir sonuçlar sunmak uzun zaman alır.
  • Yönlendirme testi. Trafiğinizin bir kısmını orijinal sayfadan farklı bir sayfaya yönlendirebilirsiniz. Tamamen farklı iki sayfa düzenini karşılaştırmak istiyorsanız veya trafiğinizin bir kısmını kendi alt alan adınıza yönlendirmek istiyorsanız bu harika bir özelliktir.
  • Kişiselleştirme. Bu tür deneyimi, web sitenizin içeriğini belirli kurallara bağlı olarak kişiselleştirmek için kullanabilirsiniz. Örneğin, ülkeleri hedefleyebilir ve bu ülkelere özel bilgiler sağlayabilirsiniz (örneğin, Checkout'ta yalnızca AB merkezli müşteriler için GDPR onay kutuları).

Bu eğitimde, iki farklı ödeme düğmesi rengini birbiriyle karşılaştırmak için basit bir A/B testi oluşturacağız.

Bir sonraki ekranda “Varyant Ekle”ye tıklayın ve varyanta, neyi test ettiğinizi anlamanıza yardımcı olacak bir ad verin. Benim durumumda, Ödeme sayfasındaki “Sipariş Ver” düğmesini kırmızı arka plan rengine çevireceğim; dolayısıyla “Kırmızı Sipariş Ver Düğmesi” bu eğitim için anlamlı olacaktır.

Okumak:  Affiliate Marketing Geri Ödemelerinin Faydalarını Keşfetmek: Kazançlarınızı Nasıl Optimize Edebilirsiniz?

Sizi genel bakış ekranına geri götürecek olan “Bitti”ye tıklayın. Testi yapılandırmaya devam etmeden önce, Ödeme sayfasının erişilebilir olması ve değişikliği yapabilmemiz için sepette gerçekten bir ürün olduğundan emin olmamız gerekir.

Google Optimize, varyantı yapılandırmak için “Düzenle”yi tıkladığınız anda Ödeme sayfasını açmaya çalışacaktır. Bu nedenle, WooCommerce mağazanızda bir sekmenin açık olduğundan ve Ödeme sayfasında olduğunuzdan emin olmanız gerekir.

Ayrıca lütfen Chrome için Google Optimize uzantısının yüklü olduğundan emin olun. İşte Chrome Web Mağazası'nın bağlantısı (Uzantı ücretsizdir).

Tamam, devam edelim ve “Düzenle”ye tıklayarak A/B testini yapılandıralım. Google Optimize'ın yeniden yükleneceğini ve Ödeme sayfanızı açacağını göreceksiniz. Bu yüzden sepetimizde bir ürün olması gerekiyor ki o sayfayı gerçekten görebilelim ve boş bir sepet sayfasına yönlendirilmeyelim.

Farenizi ekran üzerinde hareket ettirmeye başladığınız anda, Ödeme sayfanızın her bir HTML bileşeninin vurgulandığını göreceksiniz. “Sipariş Ver” düğmesine gidin ve tıklayın. Bu, yukarıdaki ekran görüntüsünde görebileceğiniz özellikler penceresini açacaktır.

Arka plan rengini ve metin rengini değiştirmek son derece basittir. Bu nitelikler penceresinde, metin rengi ve arka plan rengi alanlarını görene kadar aşağı kaydırın ve değerleri, test etmek istediğiniz renklerle güncelleyin. Bu örnekte, “Sipariş ver” düğmesinin grimsi metin içeren siyah bir arka planı vardır. A/B testinde bunu kırmızı zemin üzerine beyaz metinle değiştirdim.

Bunu yaptıktan sonra A/B testi varyantını tamamen yapılandırdım ve varyasyon düzenleyicinin sağ üst köşesindeki “Kaydet”e basabiliyorum.

Yan not: Varyant başına birden fazla öğeyi test etmeyin. Varyant başına birden fazla değişikliği test ettiğinizde, hangi görsel değişikliğin web sitenizdeki ziyaretçi davranışında gerçekte bir değişikliğe neden olduğunu bilemezsiniz.

Genel bakış ekranınıza geri döndüğünüzde, artık Google Optimize varyantının iki değişikliği test ettiğimizi belirteceğini göreceksiniz; ancak bunun kafanızı karıştırmasına izin vermeyin. Aynı anda birden fazla öğenin test edilmesi asla önerilmez ve biz de burada bunu yapıyoruz. Değişikliklerden biri yazı tipi rengi, diğeri ise düğmenin arka plan rengi oldu. Hala test ettiğimiz unsurlardan sadece biri.

Bir sonraki adım, Google Optimize hesabınızı Analytics'inize bağlamaktır. Bu nedenle ilerleme çubuğundaki “Analytics Bağlantısı” butonuna tıklamanız veya “Ölçüm ve Hedefler” başlıklı bölüme inmeniz gerekiyor.

Burada “Analytics'e Bağlantı Ver” düğmesini tıklayıp doğru mülkü ve görünümü seçebilirsiniz. Dipnot: Lütfen Google Analytics'in olduğundan emin olun. WooCommerce mağazanızda doğru şekilde kurulum yapın devam etmeden önce.

Daha sonra size web sitenize yerleştirmeniz gereken bir kod pasajı sunulacak. Bunun tam olarak nasıl uygulanacağı Google Analytics yapılandırmanıza bağlıdır (evrensel izleme ve global site etiketi). Bu örnekte global site etiketi entegrasyonunu kullanıyorum, dolayısıyla tek yapmam gereken siteme bir satır kod eklemek. Google Optimize burada harika bir açıklama yapıyor; bu nedenle talimatları dikkatle okuyun.

Yapmamız gereken son adım, “Sipariş Ver” butonu için bir takip etkinliği ayarlamaktır. Google Optimize'ın izlenen verileri bölünmüş test için özel bir hedef olarak kullanabilmesi için Google Analytics'e düğme tıklamalarını izlemesini söylememiz gerekir. Bu tıklama izleme olmadan Google Optimize, testimizden kazanan varyasyonu belirleyemez; çünkü bunu yapmak için doğru verilere sahip değildir.

Okumak:  Google Search Console Hatalarını Anlama ve Çözme

WooCommerce sitenize tıklama izleme eklemenin birden fazla yolu vardır; en sevdiğim yöntem Google Etiket Yöneticisi'ni kullanmaktır. Burada tüm takip sürecinin kurulumuna derinlemesine girmeyeceğim çünkü bu başlı başına bir yazı olacaktır. Ancak okumanızı şiddetle tavsiye ederim Medium'daki bu makale aracılığıyla Daha önce tıklama izlemeyi ayarlamadıysanız.

Google Etiket Yöneticisi'ni doğru etiketlerle ayarladıktan ve WooCommerce sitenize dağıttıktan sonra (ör. bu ücretsiz eklenti), Google Optimize'da özel bir hedef oluşturmaya hazırsınız.

“Deneme hedefi ekle”yi tıklayın ve “Özel oluştur”u seçin. Bu size kendi izleme kurallarınızı tanımladığınız bir ekran verecektir.

“Etkinlik Etiketi” değerinin Google Etiket Yöneticisi'nde yapılandırdığınız etiketle eşleşmesi gerektiğini lütfen unutmayın. Google Optimize'ın bu özel etkinliği (“Sipariş ver” düğmesinin tıklanması) izleyebilmesi için, etkinlik etiketlerinin Google Optimize ve Google Etiket Yöneticisi'nde eşleşmesi gerekir. Kural parametreleri olarak “Etkinlik Eylemi”, “Etkinlik Kategorisi” veya “Olay Değeri”ni de kullanabilirsiniz, ancak bu eğitimde etiket işe yarayacaktır.

Özel hedefinizi kaydettikten sonra, Google Optimize denemenizin doğru şekilde kurulduğunu doğrulamak için Teşhis aracını çalıştırabilirsiniz. Optimize'ın sayfanıza yüklenmesi için Google Analytics'e ihtiyacı olduğunu unutmayın. Dolayısıyla, kullanıcınızı izlenmekten hariç tuttuysanız (örneğin WP'de tüm yöneticiler için izlemeyi engellediyseniz), bu doğrulamanın başarısız olması muhtemeldir. Böyle bir durumda kullanıcınızı geçici olarak Google Analytics takibine dahil etmenizi öneririm. Alternatif olarak, WooCommerce mağazanızı gizli bir pencerede açabilir ve Google Etiket Yöneticisi, Google Analytics ve Google Optimize için tüm kodların mağazanızın koduna yüklendiğini doğrulayabilirsiniz.

Bu noktada deneyiminiz düzgün bir şekilde çalışır durumda olmalıdır. Deneyimi doğrulamak için Google Optimize'ın Canlı Hata Ayıklama Modunu kullanabilir ve sitenize göz atabilirsiniz. Chrome'un size web sitesinin altında, Google Optimize'ın WooCommerce sitenizde nasıl çalıştığına ilişkin bilgiler veren bir alan gösterdiğini göreceksiniz.

Bu ekran görüntüsünde, deneyimin uygulandığını ve gördüğüm varyant ve varyantın tetiklenmesine neden olan URL gibi bazı ek bilgileri görebilirsiniz.

Son olarak, test verilerini toplamaya ve daha fazla dönüşüm ve gelir için WooCommerce sitenizi optimize etmeye hazırsınız.

WooCommerce sitenizi optimize etmenin başka yollarını mı arıyorsunuz? Yönetilen WooCommerce barındırma hizmetine geçmek, site hızınızı artırırken mağazanızı daha etkili bir şekilde ölçeklendirmenize yardımcı olabilir. Bugün daha fazlasını öğrenin.