Google Etiket Yöneticisi ile tek sayfalık uygulamaları ölçme

Bu eğitimde, Google Etiket Yöneticisi'ni kullanarak tek sayfalık bir uygulama (SPA) için Google Analytics ölçümünü nasıl ayarlayacağınız gösterilmektedir. Google Analytics mülkünüzü nasıl yapılandıracağınızı, gerekli GTM değişkenlerini nasıl etkinleştireceğinizi ve geçmiş değişikliklerinde tetiklenen etiketleri nasıl oluşturacağınızı öğreneceksiniz.

Başlamadan önce

Bu eğitimde, aşağıdaki şartları karşıladığınız varsayılır:

• Google Analytics hesabı ve mülkü.
• Tek sayfa uygulamanıza yüklenmiş bir Google Etiket Yöneticisi kapsayıcısı.
• Hem Google Analytics hem de Google Etiket Yöneticisi için Düzenleyici rolü (veya daha üst düzey bir rol).

1. adım: GA4 veri akışını hazırlayın

Bir tek sayfa uygulamasında page_view etkinliklerini manuel olarak izlemek için öncelikle iki kez sayımı önlemek amacıyla GA4'te otomatik geçmiş tabanlı sayfa görüntülemeleri devre dışı bırakmanız gerekir.

1. Google Analytics'i açın.
2. Yönetici bölümündeki Veri toplama ve değiştirme altında Veri akışları'nı tıklayın.
3. Web veri akışınızı seçin.
4. Gelişmiş ölçüm bölümünde ayarlar simgesini tıklayın.
5. Sayfa görüntülemeleri > Gelişmiş ayarları göster bölümünde Tarayıcı geçmişi etkinliklerine dayalı sayfa değişiklikleri'nin işaretini kaldırın.
6. Kaydet'i tıklayın.

2. adım: Etiket Yöneticisi'nde yerleşik Geçmiş değişkenlerini etkinleştirin

GTM'de geçmiş tabanlı tetikleyicileri veya değişkenleri kullanmak için önce yerleşik Geçmiş değişkenlerini etkinleştirmeniz gerekir.

1. Google Etiket Yöneticisi'ni açın.
2. Çalışma alanınızda Değişkenler'e gidin.
3. Yerleşik Değişkenler bölümünde Yapılandır'ı tıklayın.
4. Geçmiş bölümünde aşağıdaki değişkenleri etkinleştirin:
   • History New URL Fragment
   • History Old URL Fragment
   • History New State
   • History Old State
   • History Source
5. Yapılandırma panelini kapatın.

Not: Bu değişkenler, temel sayfa görüntüleme kurulumu için kesinlikle gerekli değildir. Bu değişkenler yalnızca tetikleyiciyi filtrelemek veya özel mantık uygulamak (ör. bu sayfanın son notunda belirtilen önceki sayfa mantığı) istediğinizde kullanılır.

Not: Bazı eski dokümanlarda Old History URL veya New History URL sembolleri yer alabilir. Bunlar standart yerleşik değişkenler değildir. Bunun yerine listelenen değişkenleri kullanın.

3. adım: Geçmiş değişikliği tetikleyicisini oluşturun

Ardından, SPA'nızda bir geçmiş değişikliği etkinliği (ör. pushState veya replaceState) her gerçekleştiğinde tetiklenen bir tetikleyici oluşturun.

1. Etiket Yöneticisi çalışma alanınızda Tetikleyiciler menüsüne gidin.
2. Yeni'yi tıklayın.
3. Tetikleyici Yapılandırması'nda Geçmiş Değişikliği tetikleyicisini seçin.
4. (İsteğe bağlı) Yalnızca belirli ekran değişikliklerini izlemek istiyorsanız tetikleyiciyi Bazı Geçmiş Değişiklikleri'nde tetiklenecek şekilde güncelleyin.
5. Tetikleyiciyi adlandırın (ör. "Geçmiş Değişikliği") ve Kaydet'i tıklayın.

4. adım: Google etiketini oluşturun

Şimdi, geçmiş değişikliği olduğunda page_location parametresini güncelleyen bir Google etiketi oluşturun.

1. Etiketler menüsünde Yeni'yi tıklayın.
2. Etiket Yapılandırması bölümünde Google etiketi'ni seçin.
3. Etiket kimliğinizi (ilk Google etiketiniz için kullanılan kimlik) girin.

4. Yapılandırma ayarları bölümünde aşağıdaki parametreleri ekleyin:

   • page_location: {{Page URL}}
   • page_title: {{Page Title}}
   • update: true
   Not: update parametresi, yapılandırma değerlerini mevcut etiket yapılandırmasıyla birleştirir ve anında yinelenen bir page_view etkinliğini bastırır. page_referrer, Google Analytics ilk sayfa yüklemesinde orijinal harici yönlendireni otomatik olarak izlediği ve bu parametrenin atlanması Google Analytics'in önceki sanal sayfa URL'sini raporlarınızdaki gezinme yolu için yönlendiren olarak otomatik şekilde doldurmasına olanak tanıdığı için buraya dahil edilmemiştir.

5. Etikete ad verin (örneğin, "Google etiketi - SPA güncellemesi") ve Kaydet'i tıklayın.

   Not: Bu Google etiketi için Tetikleme bölümüne tetikleyici eklemeyin. 5. adımda etiket dizilimi kullanılarak bir kurulum etiketi olarak tetiklenir.

5. adım: Sanal page_view etkinliğini gönderin

Son olarak, her sanal sayfa yükleme için gerçek page_view etkinliğini göndermek üzere bir GA4 etkinlik etiketi oluşturun.

1. Etiketler menüsünde Yeni'yi tıklayın.
2. Etiket Yapılandırması'nda Google Analytics: GA4 Etkinliği'ni seçin.
3. Ölçüm kimliğinizi girin.
4. Etkinlik Adı'nı page_view olarak ayarlayın.
5. Gelişmiş Ayarlar > Etiket Dizilimi bölümünde GA4 Etkinliği - Sanal Sayfa Görüntüleme etkinleştirilmeden önce bir etiketi etkinleştirin'i ve 4. adımda oluşturduğunuz Google Etiketi - SPA Güncellemesi etiketini seçin.
6. Tetikleyici bölümünde, 3. adımda oluşturduğunuz Geçmiş Değişikliği tetikleyicisini seçin.
7. Etikete ad verin (örneğin, "GA4 Etkinliği - Sanal Sayfa Görüntüleme") ve Kaydet'i tıklayın.

6. adım: Ayarlarınızı doğrulayın

Sanal sayfa görüntülemelerinizin doğru şekilde kaydedildiğinden emin olmak için:

1. Etiket Yöneticisi'nde önizleme moduna girmek için Önizleme'yi tıklayın.
2. SPA'nızda gezinme
3. Google Analytics DebugView'da her ekran değişikliği için yeni bir page_view etkinliğinin göründüğünü doğrulayın.
4. page_location değerlerinin beklentilerinizle eşleştiğini kontrol edin.

Not: Standart {{Referrer}} kullanıldığında, kullanıcının sitenize ulaşmasını sağlayan ilk kaynak yakalanır. SPA'nızdaki önceki sanal sayfayı yönlendiren olarak izlemek için önceki sayfa konumunu depolayan özel bir GTM değişkeni uygulamanız gerekir.