आपल्या वेबसाइटवर Yandex Metrica कसे जोडावे? टप्प्याटप्प्याने इन्स्टॉलेशन मार्गदर्शक, Webvisor आणि तुटलेला Informer बॅज दुरुस्ती

एक स्वतंत्र गेम स्टुडिओ किंवा कंटेंट क्रिएटर म्हणून, आपल्या वेबसाइटवर येणारे अभ्यागत कोणते लेख वाचतात, पेजवर कुठे क्लिक करतात आणि आपल्या स्टोअर बॅजेसशी कसा संवाद साधतात हे मोजणे अत्यंत महत्त्वाचे आहे. Google Analytics हे एक सर्वमान्य मानक असले तरी, मोफत Webvisor (सेशन रीप्ले / Session Replay), क्लिकमॅप (Clickmap), स्क्रोल मॅप (Scroll Map) आणि व्हिज्युअल काउंटर बॅज (Informer) या वैशिष्ट्यांसह Yandex Metrica (Yandex.Metrika) हे डेव्हलपर्ससाठी एक शक्तिशाली ॲनालिटिक्स साधन आहे.

Arar Games म्हणून, आमचे २०११ पासून लाइव्ह असलेले गेम डेव्हलपमेंट पोर्टल Mayhem Corporation (mayhemcorporation.com) मोबाईल उपकरणांसाठी सुसंगत (रिस्पॉन्सिव्ह) करताना, आमच्या डाव्या मेनूमधील २०१२ मधील Yandex Metrica काउंटर आणि व्हिज्युअल बॅज आता तुटलेला (broken) दिसत असल्याचे आमच्या लक्षात आले.

२०१२ मधील 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) स्क्रीनवर जा. इन्स्टॉलेशनमध्ये ३ मूलभूत टप्पे समाविष्ट आहेत:

टप्पा 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.tumchisite.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 तुमच्या साइटचे उद्योग बेंचमार्क (benchmark) अहवाल अचूकपणे तयार करण्यासाठी ५ लहान प्रोफाइल प्रश्न विचारते:

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 संरक्षण

२०११ ते २०१४ दरम्यान तयार केलेल्या वेबसाइट्सवर, 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 बॅज.

पृष्ठ दृश्ये (pageviews), भेटी (visits) आणि अद्वितीय अभ्यागत (unique visitors) यांचा सारांश देणारा ८८x३१ फिरोजी 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