SPA siteleri için sayacın kurulumu ve ayarlanması

Sayaç başlatma

SPA sitelerinde Yandex Metrica sayacını kullanmak için aşağıdaki işlemleri yapın:

1. Sitenizde sayaç kurulu değilse sayaç kodunu oluşturup siteye yükleyin.

2. defer parametresi için sayaç başlatılırken true değerini belirtin. Bu, görüntülemeler hakkındaki verilerin otomatik olarak gönderme işlevini devre dışı bırakmak için gereklidir. Sayfa gösterimlerini sabitlemek için 3. maddede tarif edildiği şekilde hit işlevini kullanın.
   Sayacının başlatılma örnekleri:

   ym(XXXXXX, 'init', {
       defer: true,
       clickmap:true,
       trackLinks:true,
       accurateTrackBounce:true
   })
   

3. Önemli sayfa değişikliklerinin Yandex Metrica tarafından kaydedilmesi için, sitenin çalışma mantığını analiz edin ve hit fonksiyonunu kodun gerekli yerlerine ekleyin, böylece sayfa değiştiğinde her seferinde çağrılır.
   hit işlevi:

   ym(XXXXXX, 'hit', url[, options]);
   

   hit işlevine aktarılabilecek parametreler:

   Parametre	Varsayılan değer	Türü	Açıklama
   url	—	String	Görüntülemenin yapıldığı sayfanın URL’si. Eğer URL geçirilmezse window.location.href dosyasındaki değer kullanılacaktır
   options	—	Object	—
   Options objesi alanları
   options.callback	—	Function	Görüntüleme verileri iletildikten sonra çağrılan callback işlevi
   options.ctx	—	Object	This anahtar sözcüğü üzerine callback işlevinde erişilebilen içerik
   options.params	—	Object	Ziyaret parametreleri
   options.referer	—	String	Ziyaretçinin, geçerli sayfa içeriğini üzerinden yüklediği URL adresi
   options.title	document.title	String	Geçerli sayfanın başlığı
   options.params objesi alanları:
   order_price	—	Double	Hedefe göre gelir. Değeri hem döviz türü hem de standart birimlerde (kredi cinsinden) belirtebilirsiniz
   currency	—	String	Hedef fiyatını döviz türü olarak aktarmak istiyorsanız bu alanı kullanın. Yandex Metrica döviz türünü 3 harfli ISO 4217 döviz koduna göre algılar. Başka bir para birimi transfer edilirse, ilgili para birimi ve tutar değerleri 0 olarak gönderilecektir

   hit işlevini başlatma örneği

   ym(XXXXXX, 'init', {});
   //...
   ym(XXXXXX, 'hit', '#contacts', {params:{
       title: 'İletişim bilgileri',
       referer: 'http://example.com/#main'
   }});
   

Hedefe ulaşmanın gönderilmesi

Sayfanın URL'sini değiştirmeyen yararlı eylemlerin takibi için reachGoal işlevini kullanın:

ym(XXXXXX, 'reachGoal', 'TARGET_NAME);

Hedefi kodda belirleme örnekleri.

Ziyaretçi ve ziyaret parametrelerini iletme

ym(XXXXXX, 'params', {param1: 'param_value1'})

ym(XXXXXX, 'userParams', {param1: 'param_value1'})

E-ticaret verilerinin aktarımı

Veri iletimi için Yandex Metrica’da e-ticareti bağlayın.

E-ticaret verilerinin doğru toplanması için yeni sayfaya geçtiğinizde bir kez hit işlevini eklemeniz gerekir.

dataLayer.push({
    "ecommerce": {
        "purchase": {
            "actionField": {
                "id" : "TRX987"
            },
            "products": [
                {
                    "id": "25341",
                    "name": "Yandex erkek sweetshirt",
                    "price": 1345.26,
                    "brand": "Yandex / Yandex",
                    "category": "Giyim/Erkek giyim/Sweatshirtler",
                    "variant": "Turuncu renk"
                },
                {
                    "id": "25314",
                    "name": "Yandex kadın sweatshirt",
                    "price": 1543.62,
                    "brand": “Yandex / Yandex",
                    "category": "Giyim/Kadın giyim/Sweatshirt'ler",
                    "variant": "Beyaz renk",
                    "quantity": 3
                }
            ]
        }
    }
});

Oturum Kaydı'nın, tıklama ile bağlantı haritalarının ve form analizinin bağlanması

SPA sitesine Webvisor, tıklama haritası ve bağlantı haritası bağlanabilir. Kaydırma haritası, form analizi ve Oturum Kaydı 1.0 ise desteklenmemektedir.

SPA’da Yandex Metrica’yı kapatma

Yandex Metrica’ya kapatmak için sayaç örneğinde .destruct() yöntemini kullanın. Bu yöntem yalnızca yeni versiyon Yandex Metrica sayaç kodunda çalışır.

• Ya.Metrica2 oluşturucusu ile başlatılan sayaçlar için:

  // Sayacı başlatıyoruz
  const counter = new Ya.Metrika2(counterId);
  
  // Sayacı durduruyoruz
  counter.destruct()    
  

• Başlatma ayarlarla gerçekleşiyorsa:

  // Sayacı başlatıyoruz
  const counter = new Ya.Metrika2({
    id: counterId,
    trackLinks: true
  });
  
  // Sayacı durduruyoruz
  counter.destruct()    
  

Yalnızca Yandex Metrica’yı durdurmak için destruct yöntemini kullanın.

Sohbete yaz