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 aktarımı için Metrica'da e-ticareti etkinleştirin.

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

E-ticaret verilerini gönderme örneği
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 oturum Kaydı, 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

E-posta yaz

Sayacın çalışma kontrolünü kendiniz yapamadıysanız lütfen aşağıdaki önerilerden yararlanın.

Bu, şu birkaç nedenden dolayı olabilir:

  • Sayaç yanlış ayarlanmıştır. Örneğin, CMS'in sayaç kodunda değişiklikler yaptığı durumda. Sayacı yeniden yüklemeniz veya CMS destek ekibinizle iletişime geçmeniz gerekir.
  • Sitedeki Yandex Metrica sayacı hatalı çalışan komut dosyaları tarafından engelleniyor. Bu tespit, tarayıcı konsolu yardımıyla doğrulanabilir.
Öneriler işe yaramadı

Bu durum, bilginin Yandex Metrica'ya gönderildiği anlamına gelir. Bu durumda, veriler aşağıdaki nedenlerden dolayı raporlarda görüntülenmeyebilir:

  • Veriler, farklı bir numara ile sayaca gönderiliyordur.
  • Sayaç ayarlarında, Filtreler sekmesinde çok katı filtreler bulunmaktadır. Gereksiz filtreleri kaldırın.
  • Sayaç ayarlarında, Filtreler sekmesinde, Ziyaretlerimi dikkate alma filtresi aktiftir. Bu, sayacın ziyaretlerinizi hesaba katmadığı anlamına gelir; “Incognito (gizli)” modunda siteyi ziyaret etmeyi deneyin.
Öneriler işe yaramadı

Sayfanın, ziyaretçinin geçişiyle birlikte yüklenmesi. Sayfanın yeniden yüklenmesi, AJAX sitelerinin yenilenmeleri ve hit yöntemi yardımıyla veri iletmeleri de görüntüleme sayılır.