Veb Saytınıza Yandex Metrica Necə Əlavə Edilir? Addım-addım Quraşdırma, Webvisor və Qırıq Informer Nişanının Təmiri

Müstəqil oyun studiyası və ya məzmun yaradıcısı olaraq, veb saytınıza gələn ziyarətçilərin hansı məqalələri oxuduğunu, səhifənin harasına kliklədiyini və mağaza nişanlarınızla necə qarşılıqlı əlaqədə olduğunu ölçmək olduqca vacibdir. Google Analytics ümumi qəbul olunmuş standart olsa da, pulsuz Webvisor (Sessiya Qeydi / Session Replay), Klik Xəritəsi (Clickmap), Sürüşdürmə Xəritəsi (Scroll Map) və Vizual Sayğac Nişanı (Informer) funksiyaları ilə Yandex Metrica (Yandex.Metrika) tərtibatçılar üçün güclü bir analitika alətidir.

Arar Games olaraq, 2011-ci ildən bəri fəaliyyət göstərən oyun inkişafı portalımız Mayhem Corporation (mayhemcorporation.com)-ı mobil cihazlara uyğun (responsive) hala gətirərkən, sol menyumuzda 2012-ci ildən qalma Yandex Metrica sayğacımızın və vizual nişanımızın artıq qırıq göründüyünü fərq etdik.

2012-ci ildən qalma köhnə bs.yandex.ru ünvanlı Yandex Metrica nişanının müasir brauzerlərdə qırıq ikon kimi görünməsi.

Bu təlimatda; sıfırdan yeni bir Yandex Metrica teqi (Tag) yaratmağı, müasir tag.js kodunu saytınıza inteqrasiya etməyi və köhnə bs.yandex.ru qaynaqlı qırıq Informer nişanını AdBlocker qoruması ilə təmir etməyi addım-addım bölüşürük.

---

1. Yandex Metrica-da Yeni Teq (Tag) Yaratmaq

Yandex hesabınızla metrica.yandex.com ünvanına daxil olduqdan sonra, yeni veb sayt sayğacı əlavə etmək üçün Add tag (metrica.yandex.com/add) ekranına keçirik. Quraşdırma 3 əsas addımdan ibarətdir:

Addım 1: Create Tag (Teq Məlumatları və Webvisor Parametri)

İlk ekranda saytımızın əsas şəxsiyyət və bölgə parametrlərini konfiqurasiya edirik:

1. Tag name: Paneldə layihənizi tanımağınıza kömək edəcək bir ad daxil edin (Məs: Mayhem Corporation).
2. Website URL: Saytınızın əsas domen adını https:// protokolu olmadan daxil edin (Məs: mayhemcorporation.com).
3. Accept data only from the specified addresses: Başqa saytların sizin sayğac ID-nizi kopyalayaraq statistikalarınızı çirkləndirməsinin (spam trafik) qarşısını almaq üçün bu xananı mütləq işarələnmiş saxlayın.
4. Including subdomains: Əgər blog.saytiniz.com kimi alt domenlərinizi də eyni sayğacda toplamaq istəyirsinizsə, işarələyə bilərsiniz.
5. Time zone & Currency: Gündəlik ziyarətçi sıfırlama saatlarının hədəflənən vaxtla uyğunlaşması üçün (GMT+03:00) Istanbul (və ya yerli saat qurşağınızı) və valyuta olaraq TRY (və ya USD) seçin.
6. Session Replay, scroll map, form analysis (Webvisor):

   💡 Ən Kritik Xüsusiyyət: Bu seçimi aktivləşdirdikdə Yandex Metrica, ziyarətçilərin saytınızdakı siçan hərəkətlərini, sürüşdürmə dərinliyini və hansı oyun/məqalə kartlarına kliklədiklərini anonimləşdirilmiş video qeydi kimi izləməyinizə imkan verir.

---

Addım 2: Fill Out the Profile (Sayt Profilinin Konfiqurasiyası)

İkinci addımda Yandex Metrica, saytınızın sahəvi müqayisə (benchmark) hesabatlarını düzgün hazırlaya bilmək üçün 5 qısa profil sualı verir:

1. Site Type (Sayt Növü)

Məqalə, texniki təlimat, xəbər və ya sənədləşdirmə yönümlü bir portal idarə edirsinizsə Informational website (Website with text content); birbaşa tətbiq/oyun tanıtım səhifəsidirsə Promo website seçimini işarələyə bilərsiniz:

2. Industry (Sektor)

Saytınızın məzmununa görə texnologiya, media, mədəniyyət/incəsənət və ya siyahıda tam uyğunluq yoxdursa, ən aşağıdakı Other seçimini müəyyənləşdirin:

3. CMS (Məzmun İdarəetmə Sistemi)

Saytınız WordPress, Drupal, Joomla və ya Wix kimi hazır platformadan istifadə edirsə, siyahıdan seçə bilərsiniz. Bizim Mayhem Corporation portalımız kimi öz yazdığınız xüsusi PHP/MySQL və ya .NET arxitekturasından istifadə edirsinizsə, siyahının altındakı Other seçimini işarələyin:

4. CRM Sistemi

Hər hansı bir korporativ CRM istifadə etmirsinizsə, bu sahədə də Other (və ya Without CRM) seçərək davam edə bilərsiniz:

5. Your Role in the Project (Layihədəki Rolunuz)

Müstəqil tərtibatçı və ya studiya təsisçisisinizsə, Business management və ya Product management seçimini işarələyib Continue düyməsini sıxın:

---

Addım 3: Kod Fraqmentinin Quraşdırılması (tag.js)

Son addımda Yandex Metrica, saytınızın <head> və ya <body> teqləri arasına yerləşdirəcəyiniz müasir JavaScript sayğac kodunu (tag.js) yaradır:

Yaradılan müasir izləmə kodunun strukturu aşağıdakı kimidir (YOUR_TAG_ID yerinə öz sayğac nömrəniz gəlir):

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=YOUR_TAG_ID', 'ym');

    ym(YOUR_TAG_ID, 'init', {
        ssr:true,
        webvisor:true,
        clickmap:true,
        ecommerce:"dataLayer",
        referrer: document.referrer,
        url: location.href,
        accurateTrackBounce:true,
        trackLinks:true
    });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/YOUR_TAG_ID" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

Kodu saytınızın əsas şablonuna (index.php və ya header.php) əlavə edib serverə göndərdikdən sonra, ekrandakı "Check tag" düyməsini sıxaraq sayğacın canlı rejimdə işlədiyini təsdiqləyə və "Get started" deyərək analitika panelinizə keçə bilərsiniz.

---

2. Qırıq Yandex Metrica Vizual Nişanının (Informer) Təmiri və AdBlocker Qoruması

2011–2014-cü illərdə qurulan veb saytlarda Yandex Metrica-nın 88x31 piksellik ikonik firuzəyi statistika nişanı (Informer) bu köhnə ünvanla çağırılırdı:

//bs.yandex.ru/informer/OLD_TAG_ID/3_1_3FFEEFFF_1FDECFFF_1_pageviews

İllər keçdikcə Yandex bs.yandex.ru serverini və köhnə watch.js skriptini istifadədən çıxardığı üçün bu ünvan artıq HTTP 404 Not Found xətası qaytarır və səhifədə qırıq şəkil ikonu yaradır.

Həll 1: Yenilənmiş informer.yandex.ru Giriş Nöqtəsi

Vizual nişanı göstərmək üçün şəkil mənbəyini Yandex-in cari Informer xidmətinə (https://informer.yandex.ru/informer/...) yönləndiririk.

Həll 2: AdBlocker İstifadə Edən Ziyarətçilər üçün Yerli Ehtiyat Variant (onerror)

Bu gün bir çox oyunçu və tərtibatçı brauzerində AdBlocker (uBlock Origin, Brave Shield və s.) istifadə edir. Reklam bloklayıcıları analitika domenlərini blokladıqda, nişan şəkli yenə yüklənməyə bilər. Dizaynın heç bir halda pozulmaması üçün nişanın 88x31 piksellik bir nüsxəsini öz serverimizdə (images/yandex_metrica_badge.png) saxlayırıq və onerror atributu ilə avtomatik işə salırıq:

<!-- Yandex.Metrika informer -->
<a href="https://metrica.yandex.com/stat/?id=YOUR_TAG_ID&amp;from=informer"
   target="_blank" rel="nofollow">
   <img src="https://informer.yandex.ru/informer/YOUR_TAG_ID/3_1_3FFEEFFF_1FDECFFF_1_pageviews"
        onerror="this.onerror=null;this.src='images/yandex_metrica_badge.png';"
        style="width:88px; height:31px; border:0; border-radius:3px;"
        alt="Yandex.Metrica"
        title="Yandex.Metrica: bugünün verileri (gösterimler, ziyaretler ve tekil ziyaretçiler)"
        class="ym-advanced-informer" data-cid="YOUR_TAG_ID" data-lang="tr" />
</a>
<!-- /Yandex.Metrika informer -->

Bu dəyişiklikdən sonra Mayhem Corporation sol menyusundakı Yandex Metrica nişanı həm adi brauzerlərdə canlı statistikalarla, həm də AdBlocker aktiv olan brauzerlərdə qırıq ikon olmadan göstərilir:

Yeniləmədən sonra mayhemcorporation.com/mayhem/index.php sol menyusunda aktiv Yandex Metrica Informer nişanı.

Səhifə baxışlarını, ziyarətləri və unikal ziyarətçiləri ümumiləşdirən 88x31 firuzəyi Informer nişanı.

---

3. Veb Saytımız və Oyunlarımız (Arar Games)

Veb Saytımız

• Mayhem Corporation: Oyun inkişafı və XNA / MonoGame üzrə texniki məqalələrin yer aldığı veb portalımız.
  mayhemcorporation.com

Oyunlarımız

• Blocked: Pixel Panzer: 2D piksel tank döyüşü və arkada oyunu.
  Google Play | Microsoft Store
• Paint Trek: 2D kosmik mövzulu arkada və tapmaca oyunu.
  Google Play | Microsoft Store
• Space Dodger: Reflekslərə əsaslanan 2D kosmik arkada oyunu.
  Google Play

Sosial Media

• TikTok: @arargamesstudio
• Instagram: @arargamesstudio
• X (Twitter): @arargamesstudio
• YouTube: @koreaaria
• Threads: @arargamesstudio
• Facebook: arargamesstudio