AngularJS Uygulamalarında Asenkron Sayfaları Google Analytics’te İzleme

2- Artık tüm işlemlerimizi Google Tag Manager paneli üzerinden devam ettirebiliriz. Paneli açığımızda ilk olarak bir “Data Layer Variable” oluşturuyoruz.

“Data Layer Variable” seçtikten sonra “Data Layer Variable Name” kısmına, kaynak kodumuzda yazdığımız değerin aynısını giriyoruz. Ben pageview dediğim için burada da pageview diyorum ve virtualUrl olarak kaydediyorum.

3- Data Layer Varible oluşturduktan sonra bir Trigger yaratıyoruz. Event type olarak Custom Event seçiyoruz.

Continue’ya tıkladıktan sonra Event Name olarak kaynak kodumuzda event adı olarak tanımladığımız “pageview” eventini yazıyoruz ve trigger’ı PageViewerEvent (ya da siz ne isim verirseniz) ismiyle kaydediyoruz.

4- Artık tag’i oluşturabiliriz. Sırasıyla Google Analytics ve Universal Analytics’i seçiyoruz. Tracking ID’yi ben macro olarak tanımlamıştım. Siz dilerseniz direkt Tracking ID’nizi girebilirsiniz. Track Type olarak Page View’i seçiyoruz. More Settings’e tıklayıp Fields to Set bölümünü açıp bir field ekliyoruz. Field Name olarak “page”, Value olarak ise daha önce oluşturduğumuz, değerini kaynak kodundan gönderdiğimiz virtualUrl’i ekliyoruz.

Ardından Contiue’ya tıklayıp Trigger’ı seçiyoruz. More butonuna basıp daha önceden hazırlamış olduğumuz PageViewerEvent’i seçiyoruz.

Save Tag’e tıklıyoruz.
Artık asenkron olarak gelen sayfalarımızı Google Analytics’de izleyebiliriz.