10 Ekim 2026 Cumartesi

Jinsi ya Kuongeza Yandex Metrica kwenye Tovuti Yako: Mwongozo wa Hatua kwa Hatua, Webvisor na Kurekebisha Nembo ya Informer




Jinsi ya Kuongeza Yandex Metrica kwenye Tovuti Yako: Mwongozo wa Hatua kwa Hatua, Webvisor na Kurekebisha Nembo ya Informer

Kama studio huru ya kutengeneza michezo au mtayarishaji wa maudhui, ni muhimu sana kufuatilia ni makala gani wasomaji wanaotembelea tovuti yako wanasoma, wapi wanabofya kwenye ukurasa, na jinsi wanavyoingiliana na nembo za maduka ya programu zako. Ingawa Google Analytics ni kiwango kinachotumiwa na wengi, Yandex Metrica (Yandex.Metrika) ni zana imara ya uchanganuzi kwa watengenezaji kutokana na vipengele vyake vya bure kama Webvisor (Kurekodi Kipindi / Session Replay), Ramani ya Mibofyo (Clickmap), Ramani ya Kusogeza Ukurasa (Scroll Map) na Nembo ya Kaunta ya Picha (Informer).

Sisi katika Arar Games, tulipokuwa tukirekebisha tovuti yetu ya utengenezaji michezo Mayhem Corporation (mayhemcorporation.com), iliyo hewani tangu mwaka 2011, ili iendane vizuri na vifaa vya mkononi (responsive), tuligundua kuwa kaunta na nembo ya picha ya Yandex Metrica ya mwaka 2012 kwenye menyu ya kushoto ilikuwa inaonekana kama picha iliyoharibika.

Picha ya Yandex Metrica ya zamani iliyoharibika kwenye menyu ya kushoto ya Mayhem Corporation
Nembo ya zamani ya Yandex Metrica ya 2012 yenye anwani ya bs.yandex.ru ikionekana kama aikoni ya picha iliyoharibika kwenye vivinjari vya kisasa.

Katika mwongozo huu, tunaeleza hatua kwa hatua jinsi ya kuunda lebo (Tag) mpya katika Yandex Metrica kuanzia mwanzo, kujumuisha msimbo wa kisasa wa tag.js kwenye tovuti yako, na kurekebisha nembo iliyoharibika ya Informer kutoka anwani ya zamani ya bs.yandex.ru ikiwa na ulinzi dhidi ya vizuizi vya matangazo (AdBlocker).

1. Kuunda Lebo Mpya (Tag) katika Yandex Metrica

Baada ya kuingia na akaunti yako ya Yandex kwenye metrica.yandex.com, nenda kwenye ukurasa wa Add tag (metrica.yandex.com/add) ili kuongeza kaunta mpya ya tovuti. Usanidi una hatua kuu 3:

Hatua ya 1: Create Tag (Taarifa za Lebo na Mipangilio ya Webvisor)

Kwenye ukurasa wa kwanza, tunaweka utambulisho wa msingi wa tovuti na mipangilio ya eneo:

Hatua ya 1: Ukurasa wa Kuunda Lebo Mpya ya Yandex Metrica

  1. Tag name: Weka jina litakalokusaidia kutambua mradi wako kwenye dashibodi (Mfano: Mayhem Corporation).
  2. Website URL: Ingiza kikoa kikuu cha tovuti yako bila itifaki ya https:// (Mfano: mayhemcorporation.com).
  3. Accept data only from the specified addresses: Hakikisha unaacha kisanduku hiki kikiwa kimetiwa alama ili kuzuia tovuti nyingine kukinza nambari yako ya kaunta (ID) na kuchafua takwimu zako kwa trafiki ya barua taka (spam traffic).
  4. Including subdomains: Unaweza kuweka alama kwenye chaguo hili ikiwa unataka pia kufuatilia vijikoa vidogo (subdomains) kama blog.tovutiyako.com kwenye kaunta hiyo hiyo.
  5. Time zone & Currency: Chagua ukanda wa saa unaofaa (kwa mfano, (GMT+03:00) Istanbul) na sarafu kama TRY (au USD) ili kuweka upya takwimu za kila siku kwa wakati unaolingana na ratiba yako.
  6. Session Replay, scroll map, form analysis (Webvisor):

    💡 Kipengele Muhimu Zaidi: Unapowasha chaguo hili, Yandex Metrica inakuruhusu kutazama mienendo ya panya (mouse) ya watembeleaji, kina cha kusogeza ukurasa, na kadi za michezo au makala wanazobofya kama rekodi ya video iliyofichwa utambulisho.

Hatua ya 2: Fill Out the Profile (Kujaza Wasifu wa Tovuti)

Katika hatua ya pili, Yandex Metrica huuliza maswali madogo 5 ya wasifu ili kutoa ripoti sahihi za kulinganisha sekta (benchmarking):

Hatua ya 2: Kujaza Taarifa za Wasifu wa Tovuti

1. Site Type (Aina ya Tovuti)

Ikiwa unasimamia tovuti yenye makala, miongozo ya kiufundi, habari au nyaraka, chagua Informational website (Website with text content); ikiwa ni ukurasa wa matangazo ya programu au mchezo pekee, chagua Promo website:

Kuchagua Aina ya Tovuti

2. Industry (Sekta / Sekta ya Kazi)

Kulingana na maudhui ya tovuti yako, chagua teknolojia, vyombo vya habari, sanaa/utamaduni au chaguo la Other lililopo chini kabisa ikiwa hakuna inayolingana moja kwa moja:

Chaguzi za Sekta 1

Chaguzi za Sekta 2

3. CMS (Mfumo wa Usimamizi wa Maudhui)

Ikiwa tovuti yako inatumia mfumo uliotengenezwa tayari kama WordPress, Drupal, Joomla au Wix, unaweza kuuchagua kwenye orodha. Ikiwa unatumia muundo wako maalum ulioandikwa kwa PHP/MySQL au .NET kama portal yetu ya Mayhem Corporation, weka alama kwenye Other iliyo chini ya orodha:

Uteuzi wa CMS

4. Mfumo wa CRM

Ikiwa hutumii mfumo wa kibiashara wa CRM, unaweza kuendelea kwa kuchagua Other (au Without CRM) katika sehemu hii:

Uteuzi wa CRM

5. Your Role in the Project (Jukumu Lako Katika Mradi)

Ikiwa wewe ni mtengenezaji huru au mwanzilishi wa studio, chagua Business management au Product management na ubofye kitufe cha Continue:

Uteuzi wa Jukumu Katika Mradi

Hatua ya 3: Usanidi wa Kipande cha Msimbo (tag.js)

Katika hatua ya mwisho, Yandex Metrica hutengeneza msimbo wa kisasa wa JavaScript wa kaunta (tag.js), ambao unatakiwa kuuweka kati ya lebo za <head> au <body> za tovuti yako:

Hatua ya 3: Msimbo wa Kaunta ya Yandex Metrica na Ukurasa wa Usakinishaji

Muundo wa msimbo wa sasa unaozalishwa ni kama ifuatavyo (badala ya YOUR_TAG_ID, nambari yako ya kitambulisho cha kaunta itawekwa):

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

Baada ya kuongeza msimbo kwenye kiolezo kikuu cha tovuti yako (index.php au header.php) na kuupakia kwenye seva, unaweza kubofya kitufe cha "Check tag" kwenye skrini ili kuthibitisha kuwa kaunta inafanya kazi moja kwa moja, na kisha ubofye "Get started" ili kuelekea kwenye dashibodi yako ya uchanganuzi.

2. Kurekebisha Nembo ya Picha ya Yandex Metrica Iliyoharibika (Informer) na Ulinzi Dhidi ya AdBlocker

Kwenye tovuti zilizowekwa kati ya miaka ya 2011 na 2014, nembo maarufu ya takwimu ya turquoise ya pikseli 88x31 (Informer) ya Yandex Metrica iliitwa kwa kutumia anwani hii ya zamani:

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

Kwa kuwa Yandex iliondoa seva ya bs.yandex.ru na hati ya zamani ya watch.js kwa miaka mingi, anwani hii sasa inarudisha hitilafu ya HTTP 404 Not Found na kuonyesha picha iliyoharibika kwenye ukurasa.

Suluhisho la 1: Sehemu ya Mwisho ya Kisasa ya informer.yandex.ru

Ili kufanya nembo ya picha ifanye kazi, tunaelekeza chanzo cha picha kwenye huduma ya kisasa ya Informer ya Yandex (https://informer.yandex.ru/informer/...).

Suluhisho la 2: Mbadala wa Ndani (onerror) kwa Watembeleaji Wanaotumia AdBlocker

Leo, wachezaji wengi na watengenezaji hutumia AdBlocker (uBlock Origin, Brave Shield n.k.) kwenye vivinjari vyao. Vizui matangazo vinapozuia vikoa vya uchanganuzi, picha ya nembo inaweza kushindwa kupakiwa tena. Ili kuhakikisha kuwa mwonekano wa tovuti hauvurugiki kwa hali yoyote ile, tunahifadhi nakala ya nembo ya pikseli 88x31 kwenye seva yetu wenyewe (images/yandex_metrica_badge.png) na kuiwasha kiotomatiki kwa kutumia sifa ya 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 -->

Baada ya mabadiliko haya, nembo ya Yandex Metrica kwenye menyu ya pembeni ya Mayhem Corporation inaonekana vizuri kwenye vivinjari vya kawaida ikiwa na takwimu za moja kwa moja na vile vile kwenye vivinjari vyenye AdBlocker bila aikoni ya picha iliyoharibika:

Nembo Iliyohuishwa ya Yandex Metrica kwenye Menyu ya Kushoto ya Mayhem Corporation
Nembo inayofanya kazi ya Yandex Metrica Informer kwenye menyu ya pembeni katika mayhemcorporation.com/mayhem/index.php baada ya kusasishwa.

Mwonekano wa Karibu wa Nembo ya Yandex Metrica 88x31
Nembo ya turquoise ya Informer ya 88x31 inayofupisha kurasa zilizotazamwa, matembezi, na watembeleaji wa kipekee.

3. Tovuti Yetu na Michezo Yetu (Arar Games)

Tovuti Yetu

  • Mayhem Corporation: Tovuti yetu iliyo na makala za kiufundi kuhusu utengenezaji wa michezo na XNA / MonoGame.
    mayhemcorporation.com

Michezo Yetu

Mitandao ya Kijamii




Gönderen zaman:
Etiketler: , , , , , ,

Hiç yorum yok:

Yorum Gönder

Kaydol: Kayıt Yorumları (Atom)