Google Analytics Universal Güncellemesi

Nisan 2014 | Hakan Köse, İnternet Girişimcisi
Web geliştiricileri ilgilendiren bir konu hakkında bazı bilgiler vermek istiyorum.

Google Analytics takip scriptinde bir yeniliğe gitti ve isteyen bu güncellemeyi uygulamaya koyabiliyor. Henüz net olarak yeni scriptin avantajları hakkında çok net bilgi veremeyecek olsam da en azından bu güncellemenin nasıl uygulanacağı konusunda bilgi verelim.

Analytics Universal Güncelleme

1. Adım: Yönetici Panelinden "upgrade (güncelleme) " onayını vermek
Zaten Analytics paneline giriş yaptığınızda (yüksek ihtimalle) size Universal için upgrade seçimine dair bir hatırlatma gösteriliyor. Bu aşamada "Admin (Yönetici) " sekmesine tıklayarak ve sitenizi seçerek upgrade işlemini başlatabilirsiniz.

1059

Upgrade işlemini başlattıktan sonra en geç 1-2 gün içinde işlem tamamlanıyor ve yönetici panelinde gerçekleniyor:
1059

2. Adım: İzleme Kodunu Güncelleme
Eskiden Analytics için izleme kodu 2 farklı türden olabiliyordu. Bunlar; ga. Js (Google Analytics kodu) ve dc. Js (Double Click kodu) . GA kodu standart izleme işlemleri için yeterli olan ve DC ise Remarketing olarak adlandırılan bazı ek pazarlama araçları için ek veri sağlayan diğer kod idi.

Universal Analytics henüz DC kullanan siteler için hazır değildir ve DC henüz desteklenmiyor. O sebeple eğer DC kodunu kullanıyor iseniz Universal Analytics'e geçmeden önce desteklenmesini beklemeniz gerekiyor.

Eski kodunuz muhtemelen şuna benziyordu:

 var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'YOUR-ACCOUNT-NUMBER']);
_gaq.push(['_setDomainName', 'yourdomainname.com']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Yeni izleme kodu ise şu şekilde:

(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//google-analytics.com/analytics.js', 'ga');

ga('create', 'YOUR-ACCOUNT-NUMBER', 'yourdomainname.com');
ga('send', 'pageview');

İzleme kodunda görüldüğü üzere artık analytics. Js scripti var ve ayrıca standart izleme komutları daha basit ve anlaşılır hale gelmiş: ga('send', 'pageview'); gibi.

Böylece tüm adımları tamamlamış oluyorsunuz. Geçişi bitirdikten sonra Analytics Realtime ekranında olası bir hataya karşı sayacın doğru çalıştığını test etmenizi öneririm.
Mobil ile İlgili Hatırlatma

Eğer JQuery Mobile ile geliştirilmiş bir mobil web siteniz var ise ufak bir hatırlatma yapmak istiyorum. Mobil web sitelerinde yukarıdaki Universal Analytics include kodu değişmemekle birlikte sayaç gönderim satırlarının yerinde bir miktar değişiklik bulunuyor.

Bu kodu sayfanın en altında "body" tagını kapatmadan hemn öncesine koymanız gerekiyor:

$(document).live("pageshow", function () {
try {
ga('create', 'YOUR-ACCOUNT-NUMBER', 'yourdomainname.com');
if ($.mobile.activePage.attr("data-url")) {
ga('send', 'pageview', $.mobile.activePage.attr("data-url"));
} else {
ga('send', 'pageview');
}
} catch (err) { }
});

Kodda göreceğiniz üzere bir . Live("pageshow") bloğu var. Mobil sayfanın görüntülenmesi ile birlikte bu kod bloğu işletiliyor. Fonksiyonun içinde ise mobilde "data-url" alınarak Analytics'e gönderiliyor.

Umarım bu bilgiler faydalı olur.