Sempeak Logo
Yükleniyor...
Close
...
Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?
Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?
İçindekiler

 

Shopify’ın ülkemizde kullanım oranı her geçen gün artmaktadır. Bu sebeple türkçe bir kaynak olması açısından sizlere Shopify - Google Optimize entegrasyonunu nasıl problemsiz bir şekilde yapabilirsiniz bunu anlatacağız. 

 

Öncelikle Shopify’ ın yönetim paneline giriş yapıyoruz. Daha sonrasında ise Online Store(1) ve Preferences(2) adımlarını takip ediyoruz. Google Analytics Account kısmına ise Google Analytics ID’ mizi yapıştırıyoruz. 


Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?

Sonrasında ise Ek Google Analytics Javascript bölümüne gelerek aşağıdaki kodu ekliyoruz.

 

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer’?'&l='+l:”;j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM CONTAINER ID');

ga('require','GOOGLE OPTIMIZE ID');

ga('create', 'GOOGLE ANALYTICS ID', 'auto', {allowLinker: true});

 

Yukarıdaki kodlar eklendikten sonra aşağıdaki gibi bir görüntü elde edilecektir.


Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?

Anti-flicker kodunun eklenmesi. Google Optimize’ın problemsiz çalışması için anti-flicker kodununiçerisine eklenmesi gerekiyor. Head içerisine kod eklemek için Online Store > Themes > Actions > Edit Code bölümüne tıklıyoruz. Sonrasında da “theme.liquid” isimli dosyaya tıklayarak düzenleme moduna geçiyoruz.



Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?


Anti-flicker scriptinin içerisine “Google Tag Manager ID” ‘yi eklemeyi unutmayın. Burada yapılan en büyük hatalardan birisi ise Optimize ID’ sinin eklenmesidir.

 

<!– Anti-flicker snippet (recommended) –>

Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?

Bu kodu da ekledikten sonra artık son ayarımızı yapmak için Google Tag Manager’ a giriyoruz. Aşağıda gördüğünüz gibi bir tane “Google Optimize” etiketi ekliyoruz ve Google Optimize ID’ mizi ekliyoruz. Sonrasında kullandığımız Google Analytics’ i seçiyoruz. Buradaki en önemli kısımlardan birisi tanımlanan “Fields to Set” bölümüdür. allowLinker alanına “true” değerini veriyoruz. Etiketimizi tüm sayfalarda çalışır olarak tanımladıktan sonra GTM üzerindeki ayarlarımızı yayınlayabiliriz.


Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?



Google Optimize üzerinden kurulumu kontrol ettiğimizde ise aşağıda gördüğünüz gibi başarılı bir şekilde yapıldığını göreceksiniz. Testlerinize başlayabilirsiniz!..

 

Shopify’ da Google Optimize Entegrasyonu Nasıl Yapılır?

Paylaş
Optimize Exit-intent Pop-up
Optimize Exit-intent Pop-up

Google optmize ile exit intent pop-up kurgusunun nasıl yapılacağı ilginizi çekiyor ise bu yazımızı kaçırmayınız.

GTM ile Exit Intent
GTM ile Exit Intent

Exit intent kurgularını GTM ile yapabilmek için nasıl kodlar eklememiz gerekiyor. Buyrun okuyalım...

A/B Test Nedir & Ne İşe Yarar?
A/B Test Nedir & Ne İşe Yarar?

A/B test hakkındaki merak edilen sorulara buradan ulaşabilirsiniz.