---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.1
alternate:
  - https://yandex.com/support/metrica/en/code/counter-spa-setup.md
  - https://yandex.com/support/metrica/es/code/counter-spa-setup.md
  - https://yandex.com/support/metrica/pt/code/counter-spa-setup.md
  - https://yandex.com/support/metrica/ru/code/counter-spa-setup.md
  - https://yandex.com/support/metrica/tr/code/counter-spa-setup.md
  - https://yandex.com/support/metrica/zh/code/counter-spa-setup.md
  - href: tr/code/counter-spa-setup.md
    type: text/markdown
    title: Markdown version
  - href: ../llms.txt
    type: text/markdown
    title: llms.txt
title: SPA siteleri için sayacın kurulumu ve ayarlanması
description: SPA siteleri için sayaç nasıl oluşturulur ve kurulur?
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/support/metrica/tr/llms.txt


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

## Sayaç başlatma {#section_r5y_2rf_qfb}

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](https://yandex.com/support/metrica/tr/quick-start.md). 
1. `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(XXXXXXXX, 'init', {
        defer: true,
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
    })
    ```
    
1. Önemli sayfa değişikliklerinin Yandex Metrica tarafından kaydedilmesi için, sitenin çalışma mantığını analiz edin ve [hit](https://yandex.com/support/metrica/tr/objects/hit.md) fonksiyonunu kodun gerekli yerlerine ekleyin, böylece sayfa değiştiğinde her seferinde çağrılır.
    `hit`  işlevi:
    
    ```
    ym(XXXXXXXX, 'hit', url[, options]);
    ```
    `hit` işlevine aktarılabilecek parametreler:
    
    <!-- source: tr/_includes/objects/hit/id-hit/hit-params.md -->
    #|
    ||
    **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`](https://yandex.com/support/metrica/tr/data/visit-params-example.md#goal) 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](https://yandex.com/support/metrica/tr/objects/hit.md#price). 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](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=currency-codes) göre algılar.

    <!-- source: tr/_includes/ecommerce/data/id-about/currency-note.md -->
    Başka bir para birimi transfer edilirse, ilgili para birimi ve tutar değerleri 0 olarak gönderilecektir
    <!-- endsource: tr/_includes/ecommerce/data/id-about/currency-note.md -->
    ||
    |#
    <!-- endsource: tr/_includes/objects/hit/id-hit/hit-params.md -->
    
    {% cut "`hit` işlevini başlatma örneği" %}
    
    ```javascript
    ym(XXXXXXXX, 'init', {});
    //...
    ym(XXXXXXXX, 'hit', '#contacts', {params:{
        title: 'İletişim bilgileri',
        referer: 'http://example.com/#main'
    }});
    ```
    
    {% endcut %}
    

## Hedefe ulaşmanın gönderilmesi {#section_bpg_5dk_yfb}

Sayfanın URL'sini değiştirmeyen yararlı eylemlerin takibi için `reachGoal` işlevini kullanın:
```
ym(XXXXXXXX, 'reachGoal', 'TARGET_NAME);
```

[Hedefi kodda belirleme örnekleri](https://yandex.com/support/metrica/tr/objects/reachgoal.md#reach_goal_examples).

## Ziyaretçi ve ziyaret parametrelerini iletme {#section_ypx_lsf_qfb}


{% list tabs %}

- Ziyaret parametreleri

  
  ```
  ym(XXXXXXXX, 'params', {param1: 'param_value1'})
  ```
  

- Ziyaretçi parametreleri

  
  ```
  ym(XXXXXXXX, 'userParams', {param1: 'param_value1'})
  ```

{% endlist %}


## E-ticaret verilerinin aktarımı {#section_nsk_vtf_qfb}

Veri iletimi için Yandex Metrica’da [e-ticareti bağlayın](https://yandex.com/support/metrica/tr/ecommerce/about.md).

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

{% cut "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
                }
            ]
        }
    }
});
```


{% endcut %}

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

SPA sitesine [Webvisor](https://yandex.com/support/metrica/tr/webvisor/info.md), [tıklama haritası](https://yandex.com/support/metrica/tr/behavior/click-map.md) ve [bağlantı haritası](https://yandex.com/support/metrica/tr/behavior/link-map.md) bağlanabilir. Kaydırma haritası, form analizi ve Oturum Kaydı 1.0 ise desteklenmemektedir.

## SPA’da Yandex Metrica’yı kapatma {#destruct}

Yandex Metrica’ya kapatmak için sayaç örneğinde `.destruct()` yöntemini kullanın. Bu yöntem yalnızca [yeni versiyon](https://yandex.com/support/metrica/tr/general/tag-info.md) 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()    
    ```
    

- `ym` yöntemi ile başlatılan sayaçlar için:
    
    ```
    // Sayacı başlatıyoruz
    ym(XXXXXX, 'init', {});
    
    // Sayacı durduruyoruz
    ym(XXXXXX, 'destruct')
    ```
    
Yalnızca Yandex Metrica'yı durdurmak için `destruct` yöntemini kullanın.

<!-- source: tr/_includes/buttons/chat-button.md -->
[Sohbete yaz](https://yandex.com.tr/chat/#/user/036e6a02-3620-9cdc-4c5e-a34667a7379e?utm_source=spravka){.button}

<!-- source: tr/_includes/styles/href-to-button.md -->

<!-- endsource: tr/_includes/styles/href-to-button.md -->
<!-- endsource: tr/_includes/buttons/chat-button.md -->

<!-- source: tr/_includes/code/texing-button.md -->
<div class="cut-button">

{% cut "E-posta yaz" %}

 <!-- source: tr/_includes/popup/id-qanda/check1.md -->
 [Sayacın çalışma kontrolünü](https://yandex.com/support/metrica/tr/general/check-counter.md) kendiniz yapamadıysanız lütfen aşağıdaki önerilerden yararlanın.
 <!-- endsource: tr/_includes/popup/id-qanda/check1.md -->

 {% list tabs radio %}

 - Konsoldaki veriler gönderilmez

   {% include [qanda-check2-2](../_includes/popup/id-qanda/check2-2.md) %}

   {% cut "Öneriler işe yaramadı" %}
      
            
      <div style="padding: 15px;
           margin: 10px 0;
           background: #FFFFFF;
           border-radius: 10px;
           border: 1px solid var(--g-color-line-generic);">
        <iframe style="background: #FFFFFF;"
              height="700"
              width="100%"
              frameborder="0"
              src="https://forms.yandex.com.tr/surveys/1706/?&theme=Dannye v konsoli ne otpravlyayutsya&iframe=1&lang=tr">
        </iframe>
      </div>

    {% endcut %}

 - Konsolda veriler mevcut fakat raporlar görüntülenmiyor

    <!-- source: tr/_includes/popup/id-qanda/check2-3.md -->
    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:
    <!-- endsource: tr/_includes/popup/id-qanda/check2-3.md -->

    <!-- source: tr/_includes/popup/id-qanda/check2-4.md -->
    - 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.
    <!-- endsource: tr/_includes/popup/id-qanda/check2-4.md --> 

   {% cut "Öneriler işe yaramadı" %}

           
      <div style="padding: 15px;
           margin: 10px 0;
           background: #FFFFFF;
           border-radius: 10px;
           border: 1px solid var(--g-color-line-generic);">
        <iframe style="background: #FFFFFF;"
              height="700"
              width="100%"
              frameborder="0"
              src="https://forms.yandex.com.tr/surveys/1706/?&theme=Dannye v konsoli est, no otchety ne otobrazhayutsya&iframe=1&lang=tr">
        </iframe>
      </div>
            
    {% endcut %}

 {% endlist %}
  
{% endcut %}

</div>

<!-- source: tr/_includes/styles/cut-button.md -->

<!-- endsource: tr/_includes/styles/cut-button.md -->
<!-- endsource: tr/_includes/code/texing-button.md -->

<!-- source: tr/_includes/footer-links.md -->
- - -

<div class="borderless-table">

#|
||
Faydalı bağlantılar

- [Demo sayacı](https://metrica.yandex.com/r/dashboard?)
- [Sayaç ekle](https://metrica.yandex.com/add/)
- [Ücretsiz sayaç ayarları](https://yandex.com/promo/freeservice/metrica?utm_source=help_metrica_en&utm_medium=cpc&utm_campaign=1)
- [Yandex Metrica API'si](https://tech.yandex.com/metrika/)
- [Fikir öner](https://yandex.com/support/metrica/troubleshooting/idea.html)
- [Telegram sohbeti](https://t.me/yandexmetrika)
|
Çevrimiçi eğitim

- [Yandex Metrica sertifikası al](https://yandex.ru/adv/expert/exam/metrika/?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)


- [Eğitim kursuna katıl](https://yandex.com/adv/edu/online/metrika?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)

||
|#

</div>

<!-- source: tr/_includes/styles/table-style.md -->

<!-- endsource: tr/_includes/styles/table-style.md -->
<!-- endsource: tr/_includes/footer-links.md -->

<!-- source: tr/_includes/styles/cut-button.md -->

<!-- endsource: tr/_includes/styles/cut-button.md -->

<!-- source: tr/_includes/styles/href-to-button.md -->

<!-- endsource: tr/_includes/styles/href-to-button.md -->

[*просмотрах]: Sayfanın, ziyaretçinin geçişiyle birlikte yüklenmesi. Sayfanın yeniden yüklenmesi, AJAX sitelerinin yenilenmesi ve [hit yöntemiyle](https://yandex.com/support/metrica/tr/objects/hit.md) veri iletimleri de görüntüleme sayılır.
{% included (../_includes/popup/id-qanda/check2-2.md) %}
   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.


{% endincluded %}