Shopify’ın ülkemizde kullanım oranı her geçen gün çoğalmaktadır. Bu sebeple türkçe bir kaynak olması açısından sizlere Shopify – Google Optimize entegrasyonunu nasıl problemsiz bir biçimde yapabilirsiniz bunu anlatacağız.
Öncelikle Shopify’ ın idare oturumuna giriş yapıyoruz. Daha sonrasında ise Online Store1 ve Preferences2 adımlarını takip ediyoruz. Google Analytics Account kısmına ise Google Analytics ID’ mizi yapıştırıyoruz.
Sonrasında ise Ek Google Analytics Javascript kısmına gelerek alttaki kodu ilave ediyoruz.
functionw,d,s,l,iw[l]=w[l];var f=d.getElementsByTagNames[0],
j=d.createElements,dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBeforej,f;
}window,document,’script’,’dataLayer’,’GTM CONTAINER ID‘;
ga’require’,’GOOGLE OPTIMIZE ID‘;
ga’create’, ‘GOOGLE ANALYTICS ID‘, ‘auto’, allowLinker: true;
Yukarıyadaki kodlar ilave edildikten sonra alttaki gibi bir görüntü elde edilecektir.
Anti-flicker kodunun eklenmesi. Google Optimize’ın problemsiz çalışması için anti-flicker kodununiçerisine eklenmesi gerekiyor. Head içerisine kod ilave etmek için Online Store > Themes > Actions > Edit Code kısmına tıklıyoruz. Sonrasında da “theme.liquid” isimli dosyaya tıklayarak tertip etme moduna geçiyoruz.
Anti-flicker scriptinin içerisine “Google Tag Manager ID” ‘yi ilave etmeyi unutmayın. Burada yapılan en büyük kusurlardan birisi ise Optimize ID’ sinin eklenmesidir.
Bu kodu da ilave ettikten sonra artık son ayarımızı yapmak için Google Tag Manager’ a giriyoruz. Altta gördüğünüz gibi bir tane “Google Optimize” yaftayı ilave ediyoruz ve Google Optimize ID’ mizi ilave ediyoruz. Sonrasında kullandığımız Google Analytics’ i seçiyoruz. Buradaki en ehemmiyetli kısımlardan birisi belirlenen “Fields to Set” kısmıdır. allowLinker alanına “true” bedelini veriyoruz. Yaftamızı tüm sayfalarda çalışır olarak belirledikten sonra GTM üzerindeki ayarlarımızı yayınlayabiliriz.
Google Optimize üzerinden montajı hakimiyet ettiğimizde ise altta gördüğünüz gibi galibiyetli bir biçimde yapıldığını göreceksiniz. Testlerinize başlayabilirsiniz!..
