మీ వెబ్‌సైట్‌కు Yandex Metrica ఎలా జోడించాలి? దశలవారీ ఇన్‌స్టాలేషన్, Webvisor మరియు Informer బ్యాడ్జ్ మరమ్మతు

ఒక ఇండిపెండెంట్ గేమ్ స్టూడియో లేదా కంటెంట్ సృష్టికర్తగా, మీ వెబ్‌సైట్‌ను సందర్శించే వ్యక్తులు ఏ ఆర్టికల్స్ చదువుతున్నారు, పేజీలో ఎక్కడ క్లిక్ చేస్తున్నారు మరియు మీ స్టోర్ బ్యాడ్జ్‌లతో ఎలా ఇంటరాక్ట్ అవుతున్నారు అనేది ట్రాక్ చేయడం చాలా ముఖ్యం. Google Analytics విస్తృతంగా ప్రామాణికమైన సాధనమే అయినప్పటికీ, ఉచిత Webvisor (సెషన్ రీప్లే / Session Replay), క్లిక్‌మ్యాప్ (Clickmap), స్క్రోల్‌మ్యాప్ (Scroll Map) మరియు విజువల్ కౌంటర్ బ్యాడ్జ్ (Informer) వంటి ఫీచర్లతో Yandex Metrica (Yandex.Metrika) డెవలపర్‌ల కోసం ఒక శక్తివంతమైన అనలిటిక్స్ టూల్.

Arar Games గా, 2011 నుండి ఆన్‌లైన్‌లో ఉన్న మా గేమ్ డెవలప్‌మెంట్ పోర్టల్ Mayhem Corporation (mayhemcorporation.com) ను మొబైల్ పరికరాలకు అనుకూలంగా (రెస్పాన్సివ్) మార్చే సమయంలో, ఎడమ మెనులోని 2012 నాటి మా పాత Yandex Metrica కౌంటర్ మరియు విజువల్ బ్యాడ్జ్ ఇప్పుడు బ్రోకెన్ ఇమేజ్ (విరిగిన బొమ్మ) లా కనిపిస్తున్నట్లు మేము గమనించాము.

2012 నాటి పాత bs.yandex.ru చిరునామా కలిగిన Yandex Metrica బ్యాడ్జ్ ఆధునిక బ్రౌజర్‌లలో బ్రోకెన్ ఐకాన్‌గా కనిపించడం.

ఈ గైడ్‌లో; మొదటి నుండి సరికొత్త Yandex Metrica ట్యాగ్‌ను (Tag) సృష్టించడం, తాజా tag.js కోడ్‌ను మీ వెబ్‌సైట్‌కు లింక్ చేయడం మరియు పాత bs.yandex.ru కారణంగా పనిచేయని Informer బ్యాడ్జ్‌ను AdBlocker రక్షణతో సరిదిద్దడం ఎలాగో దశలవారీగా తెలియజేస్తున్నాము.

---

1. Yandex Metrica లో కొత్త ట్యాగ్ (Tag) సృష్టించడం

మీ Yandex ఖాతాతో metrica.yandex.com లోకి లాగిన్ అయిన తర్వాత, కొత్త వెబ్‌సైట్ కౌంటర్‌ను జోడించడానికి Add tag (metrica.yandex.com/add) స్క్రీన్‌కు వెళ్లాలి. ఇన్‌స్టాలేషన్ ప్రక్రియ 3 ప్రాథమిక దశలను కలిగి ఉంటుంది:

దశ 1: Create Tag (ట్యాగ్ వివరాలు మరియు Webvisor కాన్ఫిగరేషన్)

మొదటి స్క్రీన్‌లో, మీ వెబ్‌సైట్ ప్రాథమిక గుర్తింపు మరియు ప్రాంతీయ సెట్టింగ్‌లను కాన్ఫిగర్ చేయండి:

1. Tag name: ప్యానెల్‌లో మీ ప్రాజెక్ట్‌ను సులభంగా గుర్తించడానికి ఒక పేరును నమోదు చేయండి (ఉదా: Mayhem Corporation).
2. Website URL: ప్రోటోకాల్ (https://) లేకుండా మీ వెబ్‌సైట్ ప్రధాన డొమైన్‌ను నమోదు చేయండి (ఉదా: mayhemcorporation.com).
3. Accept data only from the specified addresses: ఇతర సైట్‌లు మీ కౌంటర్ ఐడీని (Tag ID) కాపీ చేసి అనవసరమైన ట్రాఫిక్‌తో (స్పామ్ ట్రాఫిక్) మీ గణాంకాలను పాడుచేయకుండా నిరోధించడానికి ఈ బాక్స్‌ను ఖచ్చితంగా ఎంపిక చేసి ఉంచండి.
4. Including subdomains: blog.yoursite.com వంటి మీ సబ్-డొమైన్‌లను కూడా ఇదే కౌంటర్‌లో చేర్చాలనుకుంటే, మీరు దీన్ని ఎంచుకోవచ్చు.
5. Time zone & Currency: రోజువారీ విజిటర్ డేటా రీసెట్ అయ్యే సమయాలు మీ ప్రాంతానికి అనుగుణంగా ఉండటానికి సంబంధిత టైమ్ జోన్ (ఉదా: (GMT+03:00) Istanbul) మరియు కరెన్సీగా TRY (లేదా USD) ఎంచుకోండి.
6. Session Replay, scroll map, form analysis (Webvisor):

   💡 అత్యంత కీలకమైన ఫీచర్: మీరు ఈ ఎంపికను ఎనేబుల్ చేసినప్పుడు, మీ సైట్‌లో సందర్శకుల మౌస్ కదలికలు, స్క్రోలింగ్ డెప్త్ మరియు వారు ఏ గేమ్/ఆర్టికల్ కార్డులపై క్లిక్ చేస్తున్నారో అనామక వీడియో రికార్డింగ్ లాగా చూడటానికి Yandex Metrica మిమ్మల్ని అనుమతిస్తుంది.

---

దశ 2: Fill Out the Profile (సైట్ ప్రొఫైల్‌ను కాన్ఫిగర్ చేయడం)

రెండవ దశలో, పరిశ్రమ ప్రమాణాల నివేదికలను (benchmark) సరిగ్గా రూపొందించడానికి Yandex Metrica 5 చిన్న ప్రొఫైల్ ప్రశ్నలను అడుగుతుంది:

1. Site Type (వెబ్‌సైట్ రకం)

మీరు కథనాలు, సాంకేతిక గైడ్‌లు, వార్తలు లేదా డాక్యుమెంటేషన్‌తో కూడిన పోర్టల్‌ను నడుపుతున్నట్లయితే Informational website (Website with text content) ఎంచుకోండి; కేవలం యాప్/గేమ్ ప్రచార పేజీ అయితే Promo website ఎంపికను ఎంచుకోవచ్చు:

2. Industry (పరిశ్రమ / రంగం)

మీ వెబ్‌సైట్ కంటెంట్‌ను బట్టి టెక్నాలజీ, మీడియా, సంస్కృతి/కళలు లేదా జాబితాలో సరైన సరిపోలిక లేకపోతే చివరన ఉన్న Other ఎంపికను నిర్ణయించండి:

3. CMS (కంటెంట్ మేనేజ్‌మెంట్ సిస్టమ్)

మీ సైట్ WordPress, Drupal, Joomla లేదా Wix వంటి రెడీమేడ్ ప్లాట్‌ఫామ్‌ను ఉపయోగిస్తుంటే జాబితా నుండి ఎంచుకోవచ్చు. మా Mayhem Corporation పోర్టల్ లాగా మీ స్వంత PHP/MySQL లేదా .NET ఆర్కిటెక్చర్‌ను ఉపయోగిస్తుంటే, జాబితా దిగువన ఉన్న Other ఎంపికను ఎంచుకోండి:

4. CRM సిస్టమ్

మీరు ఎలాంటి కార్పొరేట్ CRM ను ఉపయోగించకపోతే, ఈ ఫీల్డ్‌లో కూడా Other (లేదా Without CRM) ఎంచుకుని ముందుకు సాగవచ్చు:

5. Your Role in the Project (ప్రాజెక్ట్‌లో మీ పాత్ర)

మీరు ఇండిపెండెంట్ డెవలపర్ లేదా స్టూడియో వ్యవస్థాపకుడు అయితే Business management లేదా Product management ఎంచుకుని Continue బటన్‌ను క్లిక్ చేయండి:

---

దశ 3: కోడ్ స్నిప్పెట్ ఇన్‌స్టాలేషన్ (tag.js)

చివరి దశలో, మీ వెబ్‌సైట్ <head> లేదా <body> ట్యాగ్‌ల మధ్య ఉంచాల్సిన తాజా JavaScript కౌంటర్ కోడ్‌ను (tag.js) Yandex Metrica రూపొందిస్తుంది:

రూపొందించబడిన కౌంటర్ కోడ్ నిర్మాణం క్రింది విధంగా ఉంటుంది (YOUR_TAG_ID స్థానంలో మీ స్వంత ట్యాగ్ సంఖ్య వస్తుంది):

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

ఈ కోడ్‌ను మీ సైట్ ప్రధాన టెంప్లేట్‌కు (index.php లేదా header.php) జోడించి సర్వర్‌కు అప్‌లోడ్ చేసిన తర్వాత, స్క్రీన్‌పై ఉన్న "Check tag" బటన్‌ను క్లిక్ చేసి కౌంటర్ లైవ్‌లో పనిచేస్తుందో లేదో తనిఖీ చేయవచ్చు మరియు "Get started" పై క్లిక్ చేసి మీ అనలిటిక్స్ డ్యాష్‌బోర్డ్‌కు వెళ్లవచ్చు.

---

2. పాడైపోయిన Yandex Metrica విజువల్ బ్యాడ్జ్ (Informer) మరమ్మతు మరియు AdBlocker రక్షణ

2011–2014 సంవత్సరాల్లో రూపొందించిన వెబ్‌సైట్లలో, Yandex Metrica యొక్క ఐకానిక్ 88x31 పిక్సెల్ ఆక్వా-బ్లూ గణాంకాల బ్యాడ్జ్ (Informer) క్రింది పాత చిరునామాతో లోడ్ అయ్యేది:

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

సంవత్సరాలు గడిచేకొద్దీ Yandex సంస్థ bs.yandex.ru సర్వర్‌ను మరియు పాత watch.js స్క్రిప్ట్‌ను నిలిపివేయడంతో, ఈ చిరునామా ఇప్పుడు HTTP 404 Not Found ఎర్రర్‌ను అందిస్తుంది మరియు పేజీలో బ్రోకెన్ ఇమేజ్ ఐకాన్‌ను సృష్టిస్తుంది.

పరిష్కారం 1: నవీకరించబడిన informer.yandex.ru ఎండ్‌పాయింట్

విజువల్ బ్యాడ్జ్ సరిగ్గా పనిచేయడానికి, చిత్రం మూలాన్ని Yandex యొక్క ప్రస్తుత Informer సర్వీస్‌కు (https://informer.yandex.ru/informer/...) మళ్లిస్తున్నాము.

పరిష్కారం 2: AdBlocker ఉపయోగించే సందర్శకుల కోసం లోకల్ ఫాల్‌బ్యాక్ (onerror)

నేడు చాలా మంది గేమర్లు మరియు డెవలపర్లు తమ బ్రౌజర్‌లలో AdBlocker (uBlock Origin, Brave Shield మొదలైనవి) ఉపయోగిస్తున్నారు. ప్రకటన నిరోధకాలు అనలిటిక్స్ డొమైన్‌లను బ్లాక్ చేసినప్పుడు, బ్యాడ్జ్ చిత్రం లోడ్ కాకపోవచ్చు. సైట్ డిజైన్ ఎట్టి పరిస్థితుల్లోనూ దెబ్బతినకుండా ఉండటానికి, బ్యాడ్జ్ యొక్క 88x31 పిక్సెల్ కాపీని మా స్వంత సర్వర్‌లో (images/yandex_metrica_badge.png) హోస్ట్ చేసి, 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.Metrika"
        title="Yandex.Metrika: 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 -->

ఈ మార్పు చేసిన తర్వాత, Mayhem Corporation ఎడమ మెనులోని Yandex Metrica బ్యాడ్జ్ సాధారణ బ్రౌజర్‌లలో రియల్-టైమ్ గణాంకాలతో మరియు AdBlocker ఆన్‌లో ఉన్న బ్రౌజర్‌లలో బ్రోకెన్ ఐకాన్ లేకుండా దోషరహితంగా కనిపిస్తుంది:

అప్‌డేట్ తర్వాత mayhemcorporation.com/mayhem/index.php ఎడమ మెనులో సక్రియంగా ఉన్న Yandex Metrica Informer బ్యాడ్జ్.

పేజీ వీక్షణలు, సందర్శనలు మరియు ప్రత్యేక సందర్శకుల డేటాను సంగ్రహించే 88x31 ఆక్వా Informer బ్యాడ్జ్.

---

3. మా వెబ్‌సైట్ మరియు మా గేమ్‌లు (Arar Games)

మా వెబ్‌సైట్

• Mayhem Corporation: గేమ్ డెవలప్‌మెంట్ మరియు XNA / MonoGame పై సాంకేతిక వ్యాసాలు కలిగిన మా వెబ్ పోర్టల్.
  mayhemcorporation.com

మా గేమ్‌లు

• Blocked: Pixel Panzer: 2D పిక్సెల్ ట్యాంక్ యాక్షన్ మరియు ఆర్కేడ్ గేమ్.
  Google Play | Microsoft Store
• Paint Trek: 2D అంతరిక్ష నేపథ్య ఆర్కేడ్ మరియు పజిల్ గేమ్.
  Google Play | Microsoft Store
• Space Dodger: రిఫ్లెక్స్ ఆధారిత 2D అంతరిక్ష ఆర్కేడ్ గేమ్.
  Google Play

సోషల్ మీడియా

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