നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് 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 കൗണ്ടറും വിഷ്വൽ ബാഡ്ജും തകരാറിലായതായി ഞങ്ങൾ ശ്രദ്ധിച്ചു.

ആധുനിക ബ്രൗസറുകളിൽ തകരാറിലായ ഐക്കണായി ദൃശ്യമാകുന്ന bs.yandex.ru വിലാസത്തിൽ നിന്നുള്ള 2012 മുതലുള്ള പഴയ 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: മറ്റ് വെബ്‌സൈറ്റുകൾ നിങ്ങളുടെ കൗണ്ടർ ഐഡി കോപ്പി ചെയ്ത് സ്ഥിതിവിവരക്കണക്കുകൾ തെറ്റിക്കുന്നത് (സ്പാം ട്രാഫിക്) തടയാൻ ഈ ബോക്‌സ് നിർബന്ധമായും ടിക്ക് ചെയ്തിടുക.
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.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 -->

ഈ ക്രമീകരണത്തിന് ശേഷം, 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