તમારી વેબસાઇટમાં 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: અન્ય સાઇટ્સ તમારા કાઉન્ટર 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 (સાઇટ પ્રોફાઇલ રૂપરેખાંકિત કરવી)

બીજા પગલામાં, 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)

અંતિમ પગલામાં, 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 વાપરતા મુલાકાતીઓ માટે લોકલ ફોલબેક (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