10 Ekim 2026 Cumartesi

Kako dodati Yandex Metrica na svojo spletno stran: Navodila za namestitev po korakih, Webvisor in popravilo Informer značke




Kako dodati Yandex Metrica na svojo spletno stran: Navodila za namestitev po korakih, Webvisor in popravilo Informer značke

Kot neodvisni studio za razvoj iger ali ustvarjalec vsebin morate vedeti, katere članke berejo obiskovalci vašega spletnega mesta, kje na strani klikajo in kako komunicirajo z značkami trgovin z aplikacijami. Čeprav je Google Analytics splošno uveljavljen standard, je Yandex Metrica (Yandex.Metrika) z brezplačnimi funkcijami, kot so Webvisor (snemanje sej / Session Replay), Zemljevid klikov (Clickmap), Zemljevid drsenja (Scroll Map) in vizualna značka števca (Informer), izjemno zmogljivo analitično orodje za razvijalce.

V ekipi Arar Games smo med prilagajanjem našega portala za razvoj iger Mayhem Corporation (mayhemcorporation.com) za mobilne naprave (odzivni dizajn), ki deluje že od leta 2011, opazili, da se naš števec in vizualna značka Yandex Metrica v levem meniju iz leta 2012 prikazujeta kot poškodovana slika.

Poškodovana stara značka Yandex Metrica v levem meniju Mayhem Corporation
Stara značka Yandex Metrica iz leta 2012 z naslovom bs.yandex.ru, ki se v sodobnih brskalnikih prikazuje kot nedelujoča ikona slike.

V tem vodniku vam po korakih predstavljamo, kako od začetka ustvariti novo oznako (Tag) v Yandex Metrica, integrirati posodobljeno kodo tag.js v svojo spletno stran in popraviti nedelujočo značko Informer z nekdanjega naslova bs.yandex.ru z zaščito pred blokatorji oglasov (AdBlocker).

1. Ustvarjanje nove oznake (Tag) v Yandex Metrica

Po prijavi z računom Yandex na metrica.yandex.com odpremo stran Add tag (metrica.yandex.com/add), da dodamo nov števec za spletno mesto. Nastavitev obsega 3 osnovne korake:

1. korak: Create Tag (Podatki o oznaki in nastavitev Webvisorja)

Na prvem zaslonu nastavimo osnovne podatke o spletnem mestu in regionalne nastavitve:

1. korak: Zaslon za ustvarjanje nove oznake Yandex Metrica

  1. Tag name: Vnesite prepoznavno ime projekta za nadzorno ploščo (npr.: Mayhem Corporation).
  2. Website URL: Vnesite glavno domeno spletnega mesta brez protokola https:// (npr.: mayhemcorporation.com).
  3. Accept data only from the specified addresses: To polje obvezno pustite označeno, da preprečite drugim spletnim mestom kopiranje vašega ID-ja števca in popačenje vaših statističnih podatkov z neželenim prometom (spam promet).
  4. Including subdomains: To možnost lahko označite, če želite v istem števcu zbirati podatke tudi s poddomen, kot je blog.vasespletnomesto.com.
  5. Time zone & Currency: Izberite ustrezen časovni pas (npr.: (GMT+03:00) Istanbul) in valuto TRY (ali USD), da se dnevni podatki ponastavljajo ob pravem času.
  6. Session Replay, scroll map, form analysis (Webvisor):

    💡 Najpomembnejša funkcija: Ko omogočite to možnost, vam Yandex Metrica omogoča spremljanje premikov miške obiskovalcev, globine drsenja po strani in klikov na kartice iger ali člankov v obliki anonimiziranega video posnetka.

2. korak: Fill Out the Profile (Izpolnjevanje profila spletnega mesta)

V drugem koraku Yandex Metrica zastavi 5 kratkih profilnih vprašanj, da lahko ustvari natančna primerjalna poročila za vašo panogo (benchmarking):

2. korak: Izpolnjevanje profilnih podatkov o spletnem mestu

1. Site Type (Vrsta spletnega mesta)

Če upravljate portal s članki, tehničnimi navodili, novicami ali dokumentacijo, izberite Informational website (Website with text content); če gre za promocijsko stran za aplikacijo ali igro, izberite Promo website:

Izbira vrste spletnega mesta

2. Industry (Panoga)

Glede na vsebino spletnega mesta izberite tehnologijo, medije, kulturo/umetnost ali možnost Other na dnu seznama, če ni neposrednega ujemanja:

Možnosti panoge 1

Možnosti panoge 2

3. CMS (Sistem za upravljanje vsebin)

Če vaše spletno mesto uporablja uveljavljeno platformo, kot so WordPress, Drupal, Joomla ali Wix, jo lahko izberete s seznama. Če uporabljate lastno rešitev v PHP/MySQL ali .NET, kot je naš portal Mayhem Corporation, označite možnost Other na dnu seznama:

Izbira CMS-ja

4. Sistem CRM

Če ne uporabljate komercialnega sistema CRM, lahko nadaljujete z izbiro možnosti Other (ali Without CRM):

Izbira CRM-ja

5. Your Role in the Project (Vaša vloga v projektu)

Če ste samostojni razvijalec ali ustanovitelj studia, izberite Business management ali Product management ter kliknite gumb Continue:

Izbira vloge v projektu

3. korak: Namestitev izrezka kode (tag.js)

V zadnjem koraku Yandex Metrica ustvari posodobljeno JavaScript kodo števca (tag.js), ki jo vstavite med oznaki <head> ali <body> na svojem spletnem mestu:

3. korak: Koda števca Yandex Metrica in zaslon za namestitev

Struktura posodobljene kode izgleda takole (namesto YOUR_TAG_ID se vstavi vaš ID števca):

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

Ko kodo dodate v glavno predlogo spletnega mesta (index.php ali header.php) in jo naložite na strežnik, lahko s klikom na gumb "Check tag" preverite njeno delovanje v živo, nato pa s klikom na "Get started" preidete na analitično nadzorno ploščo.

2. Popravilo poškodovane vizualne značke Yandex Metrica (Informer) in zaščita pred AdBlockerjem

Na spletnih mestih, ustvarjenih med letoma 2011 in 2014, je bila legendarna turkizna statistična značka Yandex Metrica velikosti 88x31 slikovnih pik (Informer) klicana prek naslednjega starega naslova:

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

Ker je Yandex skozi čas opustil strežnik bs.yandex.ru in staro skripto watch.js, ta naslov zdaj vrača napako HTTP 404 Not Found ter na strani povzroča prikaz poškodovane slike.

1. rešitev: Posodobljena končna točka informer.yandex.ru

Da bi vizualna značka delovala, vir slike preusmerimo na Yandexovo posodobljeno storitev Informer (https://informer.yandex.ru/informer/...).

2. rešitev: Lokalna nadomestna rešitev (onerror) za obiskovalce z blokatorjem oglasov

Danes številni igralci in razvijalci v brskalnikih uporabljajo AdBlocker (uBlock Origin, Brave Shield itd.). Ko blokatorji oglasov blokirajo analitične domene, se slika značke morda znova ne naloži. Da se videz strani v nobenem primeru ne poslabša, shranimo kopijo značke velikosti 88x31 slikovnih pik na lastnem strežniku (images/yandex_metrica_badge.png) in jo samodejno aktiviramo prek atributa 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 -->

Po tej prilagoditvi se značka Yandex Metrica v levem meniju portala Mayhem Corporation prikazuje tako v običajnih brskalnikih s statistiko v živo kot tudi v brskalnikih z vklopljenim AdBlockerjem brez poškodovane ikone:

Obnovljena značka Yandex Metrica v levem meniju Mayhem Corporation
Aktivna značka Yandex Metrica Informer v stranskem meniju na mayhemcorporation.com/mayhem/index.php po posodobitvi.

Bližnji posnetek značke Yandex Metrica velikosti 88x31
Turkizna značka Informer velikosti 88x31, ki prikazuje oglede strani, obiske in unikatne obiskovalce.

3. Naše spletno mesto in naše igre (Arar Games)

Naše spletno mesto

  • Mayhem Corporation: Naš spletni portal s tehničnimi članki o razvoju iger in tehnologijah XNA / MonoGame.
    mayhemcorporation.com

Naše igre

Družbena omrežja




Gönderen zaman:
Etiketler: , , , , , ,

Hiç yorum yok:

Yorum Gönder

Kaydol: Kayıt Yorumları (Atom)