Esikülje PWA paigaldamise analüütika: kasutajate paigaldamiskäitumise mõistmine ja jälgimine

Progressiivsed veebirakendused (PWA-d) on kujunenud võimsaks lahenduseks, et pakkuda veebis rakendusesarnaseid kogemusi. Siiski ei piisa ainult PWA loomisest. Mõistmine, kuidas kasutajad teie PWA avastavad, sellega suhtlevad ja lõpuks paigaldavad, on selle jõudluse optimeerimiseks ja mõju maksimeerimiseks ülioluline. See juhend annab põhjaliku ülevaate esikülje analüütika tehnikatest PWA paigaldamiskäitumise jälgimiseks, võimaldades teil saada väärtuslikke teadmisi ja parandada oma PWA paigaldamismäära.

Miks jälgida PWA paigaldamiskäitumist?

Mõistmine, kuidas kasutajad teie PWA paigaldusprotsessiga suhtlevad, on oluline mitmel põhjusel:

• Tuvastage takistuskohad: Täpsustades, kus kasutajad paigaldusprotsessi käigus loobuvad, saate tegeleda kasutatavusprobleemidega ja muuta kogemuse sujuvamaks.
• Optimeerige paigaldusviipasid: Erinevate viibastrateegiate (nt ajastus, paigutus, sõnumid) testimine aitab teil kindlaks teha kõige tõhusama viisi paigaldamise soodustamiseks.
• Parandage kasutajate kaasatust: Mõistes kasutajakäitumist, saate oma PWA-d paremini kohandada nende vajadustele ja ootustele, mis viib suurema kaasatuse ja säilitamiseni.
• Mõõtke muudatuste mõju: Paigaldamismäärade jälgimine enne ja pärast muudatuste (nt kasutajaliidese uuendused, jõudluse parandused) rakendamist võimaldab teil hinnata nende tõhusust.
• Andmepõhine otsuste tegemine: Usaldusväärsete paigaldusandmete olemasolu annab teile võimaluse teha teadlikke otsuseid oma PWA arendus- ja turundusstrateegiate kohta.

Põhilised mõõdikud, mida jälgida

Enne rakendamisega alustamist määratleme põhilised mõõdikud, mida peaksite jälgima, et saada põhjalik ülevaade oma PWA paigaldamiskäitumisest:

• Paigaldusviiba vaatamised: Mitu korda paigaldusviipa kasutajatele kuvatakse.
• Paigaldusviiba aktsepteerimised: Mitu korda kasutajad paigaldusviibaga nõustuvad ja paigaldusprotsessi alustavad.
• Paigaldusviiba tagasilükkamised: Mitu korda kasutajad paigaldusviiba tagasi lükkavad.
• Paigaldusviiba ignoreerimised: Mitu korda kasutajad paigaldusviipa ignoreerivad (nt klõpsates eemale või navigeerides teisele lehele).
• Edukalt lõpule viidud paigaldamised: Edukate PWA paigaldamiste arv.
• Paigaldamismäär: Protsent kasutajatest, kes paigaldavad PWA pärast paigaldusviiba kuvamist (Paigaldusviiba aktsepteerimised / Paigaldusviiba vaatamised).
• Paigaldusaeg: Aeg, mis kulub PWA paigaldamiseks pärast seda, kui kasutaja on viibaga nõustunud. See võib tuvastada võrguprobleeme või probleeme teie teenusetöötajaga (service worker).
• Kasutajaagent: Kasutaja poolt PWA-le juurdepääsuks kasutatava brauseri ja operatsioonisüsteemi tüüp. See aitab tuvastada platvormispetsiifilisi probleeme.
• Viiteallikas: Kust kasutaja tuli (nt otsingumootor, sotsiaalmeedia, otseviide). See aitab teil mõista, millised turunduskanalid on PWA paigaldamiste suunamisel kõige tõhusamad.
• Kohandatud sündmused: Jälgige spetsiifilisi kasutajate interaktsioone, mis on seotud paigaldusprotsessiga, näiteks nupu "Paigalda PWA" klõpsamist või spetsiifilise sissejuhatava ekraani vaatamist.

Esikülje analüütika rakendamine PWA paigaldamise jälgimiseks

Siin on samm-sammuline juhend esikülje analüütika rakendamiseks PWA paigaldamiskäitumise jälgimiseks:

1. Valige analüütikaplatvorm

Valige analüütikaplatvorm, mis pakub funktsioone ja paindlikkust, mida vajate PWA paigaldamiste tõhusaks jälgimiseks. Populaarsed valikud hõlmavad:

• Google Analytics: Laialdaselt kasutatav ja tasuta platvorm, mis pakub põhjalikke analüütikavõimalusi. Nõuab sündmuste jälgimise rakendamist.
• Firebase Analytics: Google'i mobiilianalüütika platvorm, mis sobib hästi PWA paigaldamiste ja kasutajakäitumise jälgimiseks.
• Mixpanel: Võimas tooteanalüütika platvorm, mis võimaldab teil jälgida kasutajasündmusi ja segmenteerida kasutajaid nende käitumise alusel.
• Amplitude: Teine populaarne tooteanalüütika platvorm, mis pakub Mixpaneliga sarnaseid funktsioone.
• Matomo (endine Piwik): Avatud lähtekoodiga analüütikaplatvorm, mis annab teile täieliku kontrolli oma andmete üle. Saate seda ise majutada.
• Plausible Analytics: Privaatsusele keskendunud ja kergekaaluline analüütika alternatiiv.

Analüütikaplatvormi valimisel arvestage selliste teguritega nagu hind, funktsioonid, integreerimise lihtsus ja andmete privaatsus. Lihtsuse huvides kasutavad allolevad näited peamiselt Google Analyticsit, kuid kontseptsioone saab kohandada ka teistele platvormidele.

2. Integreerige analüütikaplatvorm oma PWA-sse

Järgige oma valitud analüütikaplatvormi dokumentatsiooni, et see oma PWA-sse integreerida. Tavaliselt hõlmab see JavaScripti koodilõigu lisamist oma PWA peamisse HTML-faili.

Näide (Google Analytics):

            




            

              
                Copy
              
            
          

Asendage UA-XXXXX-Y oma Google Analyticsi jälgimis-ID-ga.

3. Jälgige paigaldusviiba vaatamisi

Peate tuvastama, millal brauser käivitab sündmuse 'beforeinstallprompt'. See sündmus käivitub, kui brauser teeb kindlaks, et PWA vastab paigaldatavuse kriteeriumidele.

JavaScripti koodi näide:

            
let deferredPrompt;

window.addEventListener('beforeinstallprompt', (e) => {
  // Takistage Chrome 67 ja varasematel versioonidel viiba automaatset kuvamist
  e.preventDefault();
  // Salvestage sündmus, et seda saaks hiljem käivitada.
  deferredPrompt = e;
  // Teatage Google Analyticsile, et paigaldusviipa kuvati.
  gtag('event', 'install_prompt_viewed', {
    'event_category': 'PWA',
    'event_label': 'Install Prompt Viewed'
  });
});

            

              
                Copy
              
            
          

See koodilõik kuulab beforeinstallprompt sündmust, takistab vaikimisi viiba kuvamist (andes teile kontrolli selle üle, millal ja kuidas viipa kuvada), salvestab sündmuse hilisemaks kasutamiseks ja saadab sündmuse Google Analyticsile, mis näitab, et paigaldusviipa on vaadatud. event_category ja event_label saab kohandada vastavalt teie vajadustele.

4. Jälgige paigaldusviiba tegevusi (aktsepteerimised, tagasilükkamised, ignoreerimised)

Kui kasutaja suhtleb teie kohandatud paigaldusviibaga, peate tema tegevusi jälgima. Kasutate varem salvestatud deferredPrompt objekti.

JavaScripti koodi näide (viiba aktsepteerimine):

            
// Eeldades, et teil on nupp või element, mis käivitab paigaldamise
installButton.addEventListener('click', (e) => {
  // Kuvage paigaldusviip
  deferredPrompt.prompt();
  // Teatage Google Analyticsile, et paigaldusviip aktsepteeriti.
  gtag('event', 'install_prompt_accepted', {
    'event_category': 'PWA',
    'event_label': 'Install Prompt Accepted'
  });
  // Oodake, kuni kasutaja viibale reageerib
  deferredPrompt.userChoice
    .then((choiceResult) => {
      if (choiceResult.outcome === 'accepted') {
        console.log('Kasutaja nõustus paigaldusviibaga');
      } else {
        console.log('Kasutaja lükkas paigaldusviiba tagasi');
        gtag('event', 'install_prompt_dismissed', {
          'event_category': 'PWA',
          'event_label': 'Install Prompt Dismissed'
        });
      }
      deferredPrompt = null;
    });
});

            

              
                Copy
              
            
          

See koodilõik käivitab paigaldusviiba, kui kasutaja klõpsab nuppu (installButton). Seejärel saadab see sündmuse Google Analyticsile, mis näitab, et viibaga nõustuti. Samuti kasutab see userChoice omadust, et teha kindlaks, kas kasutaja nõustus viibaga või lükkas selle tagasi, saates vastavalt sellele veel ühe sündmuse. Lõpuks seab see deferredPrompt väärtuseks null, kuna seda saab kasutada ainult üks kord.

Ignoreeritud viipade jälgimiseks saate pärast viiba kuvamist seada ajalõpu. Kui kasutaja ei suhtle viibaga teatud aja jooksul (nt 5 sekundit), võite eeldada, et ta ignoreeris seda ja saata sündmuse Google Analyticsile.

JavaScripti koodi näide (viiba ignoreerimine):

            
// Pärast viiba kuvamist (kasutades deferredPrompt.prompt()), käivitage taimer
let ignoreTimer = setTimeout(() => {
  gtag('event', 'install_prompt_ignored', {
    'event_category': 'PWA',
    'event_label': 'Install Prompt Ignored'
  });
  ignoreTimer = null; // Tühistage taimer
}, 5000); // 5 sekundit

// Kui kasutaja viibaga suhtleb (aktsepteerib või lükkab tagasi), tühistage taimer
deferredPrompt.userChoice.then(() => {
  clearTimeout(ignoreTimer);
  ignoreTimer = null;
});

            

              
                Copy
              
            
          

5. Jälgige edukaid paigaldamisi

Saate tuvastada, millal PWA on edukalt paigaldatud, kasutades sündmust appinstalled.

JavaScripti koodi näide:

            
window.addEventListener('appinstalled', (evt) => {
  // Logige paigaldamine analüütikasse
  gtag('event', 'app_installed', {
    'event_category': 'PWA',
    'event_label': 'App Installed Successfully'
  });
});

            

              
                Copy
              
            
          

See koodilõik kuulab appinstalled sündmust ja saadab sündmuse Google Analyticsile, mis näitab, et PWA on edukalt paigaldatud.

6. Jälgige paigaldusaega (edasijõudnutele)

PWA paigaldamiseks kuluva aja jälgimine aitab tuvastada potentsiaalseid jõudluse kitsaskohti, nagu suured teenusetöötaja vahemälud või aeglased võrguühendused. See nõuab veidi keerukamat rakendamist.

JavaScripti koodi näide:

            
let installStartTime;

window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault();
  deferredPrompt = e;
  installStartTime = Date.now(); // Salvestage aeg, mil viipa kuvatakse
});

installButton.addEventListener('click', (e) => {
  deferredPrompt.prompt();

  deferredPrompt.userChoice
    .then((choiceResult) => {
      if (choiceResult.outcome === 'accepted') {
        console.log('Kasutaja nõustus paigaldusviibaga');
      } else {
        console.log('Kasutaja lükkas paigaldusviiba tagasi');
      }
      deferredPrompt = null;
    });
});

window.addEventListener('appinstalled', (evt) => {
  const installEndTime = Date.now();
  const installDuration = installEndTime - installStartTime;

  gtag('event', 'app_installed', {
    'event_category': 'PWA',
    'event_label': 'App Installed Successfully',
    'value': installDuration // Saatke paigaldusaeg numbrilise väärtusena
  });

  installStartTime = null; // Lähtestage algusaeg
});

            

              
                Copy
              
            
          

See koodilõik salvestab ajatempli, millal paigaldusviipa kuvatakse (installStartTime), ja arvutab seejärel selle aja ja appinstalled sündmuse vahelise kestuse (installDuration). Paigaldamise kestus saadetakse seejärel Google Analyticsile kui app_installed sündmuse value. Seejärel saate seda väärtust Google Analyticsis analüüsida, et tuvastada aeglaseid paigaldamisi.

7. Analüüsige andmeid ja optimeerige

Kui olete jälgimiskoodi rakendanud, saate hakata andmeid koguma ja neid analüüsima, et tuvastada parendusvaldkondi. Kasutage oma analüütikaplatvormi pakutavaid aruandeid ja armatuurlaudu andmete visualiseerimiseks ja teadmiste saamiseks.

Optimeerimisstrateegiate näited analüütikaandmete põhjal:

• Madal paigaldusviiba vaatamiste arv: Uurige, miks sündmus beforeinstallprompt ei käivitu ootuspäraselt. Veenduge, et teie PWA vastab paigaldatavuse kriteeriumidele (nt kehtiv manifest, registreeritud teenusetöötaja, teenindatud üle HTTPS-i).
• Madal paigaldamismäär: Katsetage erinevate paigaldusviipade kujunduste, sõnumite ja ajastusega. Kaaluge erinevate viibastrateegiate A/B-testimist, et näha, milline neist toimib kõige paremini. Veenduge, et teie PWA pakub selget väärtust ja põhjendab paigaldamist.
• Kõrge paigaldusviiba tagasilükkamiste/ignoreerimiste arv: Hinnake oma paigaldusviiba strateegia ümber. Kas viip on liiga pealetükkiv? Kas see ilmub valel ajal? Kaaluge esialgu peenema viiba pakkumist ja silmapaistvama viiba kuvamist alles pärast seda, kui kasutaja on PWA-ga mõnda aega suhelnud. Samuti kaaluge viibale lingi "Miks paigaldada?" lisamist, mis selgitab eeliseid.
• Aeglane paigaldusaeg: Optimeerige oma teenusetöötaja koodi, vähendage vahemällu salvestatud varade suurust ja veenduge, et teie server teenindab varasid kiiresti. Kasutage brauseri arendaja tööriistu jõudluse kitsaskohtade tuvastamiseks.

Edasijõudnud tehnikad ja kaalutlused

Kohandatud mõõtmed ja mõõdikud

Enamik analüütikaplatvorme võimaldab teil määratleda kohandatud mõõtmeid ja mõõdikuid, et jälgida spetsiifilisi andmeid, mis on teie PWA jaoks asjakohased. Näiteks võiksite luua kohandatud mõõtme, et jälgida kasutaja tellimuse staatust, või kohandatud mõõdiku, et jälgida, mitu korda konkreetset funktsiooni enne paigaldamist kasutatakse. See võimaldab üksikasjalikumat analüüsi.

A/B testimine

A/B testimine on võimas tehnika paigaldusviiba või paigaldusprotsessi erinevate versioonide võrdlemiseks. Kasutage A/B testimise tööriistu, et juhuslikult näidata erinevaid versioone erinevatele kasutajatele ja jälgida, milline versioon toimib paigaldamismäära osas kõige paremini. Google Optimize on populaarne A/B testimise platvorm, mis integreerub sujuvalt Google Analyticsiga.

Kasutajate segmenteerimine

Kasutajate segmenteerimine nende käitumise, demograafiliste andmete või muude omaduste alusel võimaldab teil tuvastada mustreid ja suundumusi, mis ei pruugi olla ilmsed andmete tervikuna analüüsimisel. Näiteks võiksite segmenteerida kasutajaid nende viiteallika alusel, et näha, millised turunduskanalid on erinevate kasutajagruppide seas PWA paigaldamiste suunamisel kõige tõhusamad.

Privaatsuskaalutlused

Analüütika rakendamisel olge teadlik kasutajate privaatsusest. Veenduge, et järgite kõiki kohaldatavaid privaatsuseeskirju (nt GDPR, CCPA) ja olge läbipaistev selles, kuidas te kasutajaandmeid kogute ja kasutate. Kaaluge anonüümimistehnikate kasutamist, et kaitsta kasutajate privaatsust, kogudes samal ajal väärtuslikke teadmisi. Rakendage selge privaatsuspoliitika ja hankige vajadusel kasutaja nõusolek.

Äärmusjuhtumite ja vigade käsitlemine

Ennetage oma jälgimiskoodis potentsiaalseid äärmusjuhtumeid ja vigu ning rakendage asjakohaseid veakäsitlusmehhanisme. Näiteks ei pruugi sündmus beforeinstallprompt kõigis brauserites või kõigis tingimustes käivituda. Veenduge, et teie kood käsitleb neid olukordi sujuvalt ja ei riku teie PWA funktsionaalsust. Kasutage try-catch plokke potentsiaalsete vigade püüdmiseks ja logige need konsooli või serveripoolsesse logimisteenusesse.

Serveripoolne analüütika (valikuline)

Kuigi see juhend keskendub esikülje analüütikale, saate oma andmeid täiendada ka serveripoolse analüütikaga. See võib olla kasulik sündmuste jälgimiseks, mis toimuvad serveris, näiteks edukas kasutajaks registreerumine või ostu sooritamine, ning serveripoolsete sündmuste korreleerimiseks esikülje paigaldusandmetega. Näiteks võiksite saata serveripoolse sündmuse oma analüütikaplatvormile, kui kasutaja sooritab ostu pärast PWA paigaldamist, mis võimaldab teil mõõta oma PWA investeeringutasuvust (ROI).

Globaalsed näited ja parimad praktikad

PWA paigaldusanalüütika rakendamisel globaalsele publikule arvestage järgmisega:

• Lokaliseerimine: Veenduge, et teie paigaldusviibad ja sõnumid on lokaliseeritud erinevatesse keeltesse, et rahuldada erinevatest riikidest pärit kasutajate vajadusi.
• Ajavööndid: Olge andmete analüüsimisel teadlik erinevatest ajavöönditest. Kasutage aruandluseks ühtset ajavööndit (nt UTC).
• Võrguühendus: Võrguühendus varieerub oluliselt erinevates piirkondades. Arvestage sellega paigaldusaegade analüüsimisel ja oma PWA jõudluse optimeerimisel. Rakendage strateegiaid madala ribalaiusega ühenduste käsitlemiseks.
• Kultuuriline tundlikkus: Olge paigaldusviipade ja sõnumite kujundamisel teadlik kultuurilistest erinevustest. Vältige piltide või keelekasutust, mis võib teatud kultuurides olla solvav või sobimatu.
• Andmekaitse-eeskirjad: Järgige kõigi riikide andmekaitse-eeskirju, kus teie PWA on saadaval. See võib nõuda erinevate andmekogumis- ja nõusolekumehhanismide rakendamist erinevate piirkondade jaoks.

Näide: Globaalne e-kaubanduse PWA võiks jälgida paigaldamismäärasid erinevates riikides ja kohandada oma turunduskampaaniaid, et keskenduda piirkondadele, kus PWA kasutuselevõtu potentsiaal on kõige suurem. Samuti võiksid nad A/B-testida erinevaid paigaldusviipade kujundusi, et näha, milline neist kõnetab kõige paremini kasutajaid erinevates kultuurilistes kontekstides.

Kokkuvõte

PWA paigaldamiskäitumise jälgimine on kasutajakogemuse optimeerimiseks ja paigaldamismäärade maksimeerimiseks ülioluline. Rakendades selles juhendis kirjeldatud tehnikaid, saate väärtuslikke teadmisi selle kohta, kuidas kasutajad teie PWA paigaldusprotsessiga suhtlevad, ja teha andmepõhiseid otsuseid selle jõudluse parandamiseks. Pidage meeles, et valige õige analüütikaplatvorm, jälgige põhilisi mõõdikuid, analüüsige andmeid regulaarselt ja kohandage oma strateegiaid vastavalt oma leidudele. Keskendudes kasutajakäitumisele ja oma PWA pidevale optimeerimisele, saate luua köitva ja kaasahaarava rakendusesarnase kogemuse, mis soodustab kasutajate omaksvõttu ja saavutab teie ärieesmärgid.

Lisalugemist

• Google'i arendajad: rakenduse paigaldamise bännerid
• web.dev: veebirakenduse manifesti lisamine
• Workbox: JavaScripti teegid veebirakendustele võrguühenduseta toe lisamiseks