Si të Shtoni Yandex Metrica në Faqen Tuaj të Internetit: Udhëzues Hap pas Hapi për Instalimin, Webvisor dhe Rregullimin e Stemës Informer

Si një studio e pavarur lojërash apo krijues përmbajtjeje, matja e artikujve që lexojnë vizitorët, ku klikojnë ata në faqe dhe si ndërveprojnë me stemat e dyqanit tuaj është thelbësore. Ndërsa Google Analytics mbetet një standard i zakonshëm, Yandex Metrica (Yandex.Metrika) është një mjet analitik i fuqishëm për zhvilluesit falë veçorive të saj falas si Webvisor (Regjistrimi i Seancave / Session Replay), Harta e Klikimeve (Clickmap), Harta e Lëvizjes (Scroll Map) dhe Stema Vizuale e Numëruesit (Informer).

Si Arar Games, teksa po e përshtatnim portalin tonë të zhvillimit të lojërave Mayhem Corporation (mayhemcorporation.com)—aktiv që nga viti 2011—për pajisjet celulare (responsive), vumë re se numëruesi dhe stema vizuale Yandex Metrica e mbetur që nga viti 2012 në menynë e majtë shfaqeshin të dëmtuara.

Pamja e stemës së vjetër Yandex Metrica me adresën bs.yandex.ru nga viti 2012 si ikonë e thyer në shfletuesit modernë.

Në këtë udhëzues; ndajmë hap pas hapi mënyrën se si të krijoni një etiketë (Tag) të re Yandex Metrica nga e para, të integroni kodin aktual tag.js në faqen tuaj dhe të rregulloni stemën Informer të thyer me adresë bs.yandex.ru me mbrojtje ndaj AdBlocker.

---

1. Krijimi i një Etikete të Re (Tag) në Yandex Metrica

Pasi të keni hyrë në metrica.yandex.com me llogarinë tuaj Yandex, kaloni te ekrani Add tag (metrica.yandex.com/add) për të shtuar një numërues të ri faqeje. Instalimi përbëhet nga 3 hapa themelorë:

Hapi 1: Create Tag (Të Dhënat e Etiketës dhe Cilësimi i Webvisor)

Në ekranin e parë konfigurojmë cilësimet bazë të identitetit dhe rajonit të faqes sonë:

1. Tag name: Vendosni një emër që do t'ju ndihmojë ta dalloni projektin tuaj në panel (P.sh.: Mayhem Corporation).
2. Website URL: Shkruani domenin kryesor të faqes suaj pa protokollin https:// (P.sh.: mayhemcorporation.com).
3. Accept data only from the specified addresses: Lëreni gjithmonë të shënjuar këtë kutizë për të parandaluar që faqet e tjera të kopjojnë ID-në e numëruesit tuaj dhe të ndotin statistikat tuaja (trafik i padëshiruar / spam).
4. Including subdomains: Mund ta zgjidhni nëse dëshironi të grumbulloni edhe nëndomenet si blog.faqjajuaj.com në të njëjtin numërues.
5. Time zone & Currency: Zgjidhni (GMT+03:00) Istanbul (ose zonën tuaj kohore) dhe TRY (ose USD) si monedhë në mënyrë që orët e rivendosjes së vizitorëve ditorë të përputhen me orarin tuaj të synuar.
6. Session Replay, scroll map, form analysis (Webvisor):

   💡 Veçoria më Kritike: Kur aktivizoni këtë opsion, Yandex Metrica ju mundëson të ndiqni lëvizjet e miut të vizitorëve në faqe, thellësinë e lëvizjes (scroll) dhe se në cilat karta lojërash/artikujsh kanë klikuar, njëlloj si një regjistrim videoje i anonimizuar.

---

Hapi 2: Fill Out the Profile (Konfigurimi i Profilit të Faqes)

Në hapin e dytë, Yandex Metrica bën 5 pyetje të shkurtra profili për të prodhuar raporte të sakta krahasimi industrial (benchmark):

1. Site Type (Lloji i Faqes)

Nëse menaxhoni një portal artikujsh, udhëzuesish teknikë, lajmesh ose dokumentacioni, zgjidhni Informational website (Website with text content); nëse është drejtpërdrejt një faqe prezantuese e aplikacionit/lojës, zgjidhni Promo website:

2. Industry (Industria)

Në varësi të përmbajtjes së faqes suaj zgjidhni teknologjinë, median, kulturën/artin ose nëse nuk ka përputhje të saktë në listë, zgjidhni opsionin Other në fund:

3. CMS (Sistemi i Menaxhimit të Përmbajtjes)

Nëse faqja juaj përdor një platformë gati si WordPress, Drupal, Joomla ose Wix, mund ta zgjidhni nga lista. Nëse përdorni një arkitekturë të personalizuar PHP/MySQL ose .NET të shkruar vetë si portali ynë Mayhem Corporation, shënoni opsionin Other në fund të listës:

4. Sistemi CRM

Nëse nuk përdorni ndonjë CRM korporativ, mund të vazhdoni duke zgjedhur Other (ose Without CRM):

5. Your Role in the Project (Roli Juaj në Projekt)

Nëse jeni një zhvillues i pavarur ose themelues studioje, zgjidhni opsionin Business management ose Product management dhe klikoni butonin Continue:

---

Hapi 3: Instalimi i Pjesës së Kodit (tag.js)

Në hapin e fundit, Yandex Metrica prodhon kodin modern të numëruesit JavaScript (tag.js) që do ta vendosni midis etiketave <head> ose <body> të faqes suaj:

Struktura e kodit të gjeneruar është si më poshtë (në vend të YOUR_TAG_ID vendoset numri juaj i numëruesit):

<!-- 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 -->

Pasi ta shtoni kodin në shabllonin kryesor të faqes suaj (index.php ose header.php) dhe ta dërgoni në server, mund të shtypni butonin "Check tag" në ekran për të verifikuar që numëruesi po funksionon drejtpërdrejt, dhe duke shtypur "Get started" të kaloni në panelin tuaj analitik.

---

2. Rregullimi i Stemës Vizuale të Dëmtuar të Yandex Metrica (Informer) dhe Mbrojtja nga AdBlocker

Në faqet e internetit të ndërtuara midis viteve 2011 dhe 2014, stema ikonike e kaltër e statistikave me përmasa 88x31 piksela (Informer) e Yandex Metrica thirrej me këtë adresë të vjetër:

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

Me kalimin e viteve, Yandex nxori jashtë përdorimit serverin bs.yandex.ru dhe skriptin e vjetër watch.js, ndaj kjo adresë tani kthen gabimin HTTP 404 Not Found dhe shkakton një ikonë imazhi të thyer në faqe.

Zgjidhja 1: Pika Fundore e Përditësuar informer.yandex.ru

Për të shfaqur stemën vizuale, e ridrejtojmë burimin e imazhit te shërbimi aktual Informer i Yandex (https://informer.yandex.ru/informer/...).

Zgjidhja 2: Mbështetje Lokale Rezervë për Vizitorët që Përdorin AdBlocker (onerror)

Sot, shumë lojtarë dhe zhvillues përdorin AdBlocker (uBlock Origin, Brave Shield etj.) në shfletuesit e tyre. Kur bllokuesit e reklamave bllokojnë domenet analitike, imazhi i stemës mund të mos ngarkohet sërish. Për të parandaluar prishjen e pamjes në çdo rrethanë, mbajmë një kopje rezervë 88x31 piksela të stemës në serverin tonë (images/yandex_metrica_badge.png) dhe e aktivizojmë automatikisht me atributin onerror:

<!-- 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 -->

Pas këtij rregullimi, stema e Yandex Metrica në menynë e majtë të Mayhem Corporation shfaqet me statistika të drejtpërdrejta në shfletuesit normalë dhe pa ikonë të thyer në shfletuesit me AdBlocker aktiv:

Stema aktive e Yandex Metrica Informer në menynë e majtë të mayhemcorporation.com/mayhem/index.php pas përditësimit.

Stema e kaltër 88x31 Informer që përmbledh shikimet e faqeve, vizitat dhe vizitorët unikë.

---

3. Faqja Jonë e Internetit dhe Lojërat Tona (Arar Games)

Faqja Jonë e Internetit

• Mayhem Corporation: Portali ynë i internetit me shkrime teknike mbi zhvillimin e lojërave, XNA dhe MonoGame.
  mayhemcorporation.com

Lojërat Tona

• Blocked: Pixel Panzer: Lojë aksioni dhe arcade 2D me tanke piksel.
  Google Play | Microsoft Store
• Paint Trek: Lojë arcade dhe enigmë hapësinore 2D.
  Google Play | Microsoft Store
• Space Dodger: Lojë arcade hapësinore 2D e fokusuar në reflekse.
  Google Play

Mediat Sociale

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