ඔබේ වෙබ් අඩවියට Yandex Metrica එක් කරන්නේ කෙසේද? පියවරෙන් පියවර ස්ථාපන මාර්ගෝපදේශය, Webvisor සහ Informer ලාංඡනය අලුත්වැඩියා කිරීම

ස්වාධීන ක්‍රීඩා සංවර්ධන ස්ටුඩියෝවක් (indie game studio) හෝ අන්තර්ගත නිර්මාණකරුවෙකු ලෙස, ඔබේ වෙබ් අඩවියට පැමිණෙන පරිශීලකයින් කුමන ලිපි කියවන්නේද, පිටුවේ කොතැන ක්ලික් කරන්නේද සහ ඔබේ යෙදුම් ගබඩා ලාංඡන (store badges) සමඟ කෙසේ අන්තර්ක්‍රියා කරන්නේද යන්න මැන බැලීම අතිශයින් වැදගත් වේ. Google Analytics බහුලව භාවිත වන සම්මතයක් වුවද, නොමිලේ ලබාදෙන Webvisor (සැසි පටිගත කිරීම / Session Replay), ක්ලික් සිතියම (Clickmap), ස්ක්‍රෝල් සිතියම (Scroll Map) සහ දෘශ්‍ය කවුන්ටර ලාංඡනය (Informer) යන විශේෂාංග සමඟ Yandex Metrica (Yandex.Metrika) සංවර්ධකයින් සඳහා ඉතා ප්‍රබල විශ්ලේෂණ මෙවලමකි.

Arar Games කණ්ඩායම ලෙස, 2011 වසරේ සිට ක්‍රියාත්මක වන අපගේ ක්‍රීඩා සංවර්ධන ද්වාරය වන Mayhem Corporation (mayhemcorporation.com) ජංගම දුරකථන සඳහා ගැළපෙන පරිදි (responsive) සකස් කරමින් සිටියදී, වම් පස මෙනුවේ 2012 වසරේ සිට තිබූ අපගේ Yandex Metrica කවුන්ටරය සහ දෘශ්‍ය ලාංඡනය බිඳී ගිය රූපයක් (broken image) ලෙස දිස්වන බව අපට නිරීක්ෂණය විය.

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: වෙනත් වෙබ් අඩවි ඔබේ කවුන්ටර ID එක පිටපත් කර ඔබේ සංඛ්‍යාලේඛන අපවිත්‍ර කිරීම (spam traffic) වැළැක්වීම සඳහා මෙම කොටුව අනිවාර්යයෙන්ම සලකුණු කර (checked) තබන්න.
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 මඟින් පරිශීලකයින් ඔබේ වෙබ් අඩවියේ මූසිකය (mouse) චලනය කරන ආකාරය, පිටුව පහළට අනුචලනය (scroll) කරන ගැඹුර සහ ඔවුන් ක්ලික් කරන ක්‍රීඩා/ලිපි කාඩ්පත් නිර්නාමික වීඩියෝ පටිගත කිරීමක් ලෙස නැරඹීමට ඔබට අවස්ථාව සලසයි.

---

පියවර 2: Fill Out the Profile (වෙබ් අඩවි පැතිකඩ සම්පූර්ණ කිරීම)

දෙවන පියවරේදී Yandex Metrica මඟින් ඔබේ වෙබ් අඩවිය සඳහා නිවැරදි ක්ෂේත්‍ර මිණුම්දඬු (benchmark) වාර්තා ලබාදීම සඳහා කෙටි පැතිකඩ ප්‍රශ්න 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)

අවසාන පියවරේදී Yandex Metrica මඟින් ඔබේ වෙබ් අඩවියේ <head> හෝ <body> ටැග අතර තැබිය යුතු යාවත්කාලීන JavaScript කවුන්ටර කේතය (tag.js) උත්පාදනය කරයි:

උත්පාදනය කරන ලද නවතම කවුන්ටර කේතයේ ව්‍යුහය මෙසේය (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 භාවිත කරන පරිශීලකයින් සඳහා දේශීය Fallback (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