Asennusohje

Käynnistä MousePlayer sivustolla alle 2 minuutissa. Raskasta määritystä ei tarvita.

1

Etsi sivusto

Kirjaudu MousePlayer-koontinäyttöön. Kohdassa Omat sivustot näkyvät tiliin liitetyt verkkotunnukset. Jos verkkotunnusta ei ole vielä määritetty, tilana näkyy ASENNA KOODI.

Napsauta painiketta </> Koodi seurattavan verkkotunnuksen vieressä Toiminnot-sarakkeessa.

MousePlayer-koontinäyttö, jossa näkyvät käyttäjän sivustot ja Koodi-painike
2

Kopioi seurantakoodikatkelma

Näytölle avautuu Asennuskoodi-ikkuna. Se sisältää sivustolle luodun yksilöllisen asynkronisen JavaScript-koodikatkelman (liitetty yksilöllisellä tunnuksella id).

Napsauta painiketta Kopioi koodi koodilohkon oikeassa yläkulmassa kopioidaksesi katkelman leikepöydälle.

Asennuskoodi-ikkuna ja JavaScript-koodikatkelma
3

Liitä koodi sivustolle

Avaa sivuston lähdekoodi tai tunnistehallinta. Liitä kopioitu katkelma suoraan HTML:n kohtaan <head> kaikilla sivuilla, joilla istuntotallennus ja reaaliaikainen näkymä otetaan käyttöön.

<!-- MousePlayer Tracking Code for lukaswojcik.com --> <script> (function(w, d, s, id) { w.mp_channelid = id; var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://www.mouseplayer.com/mp.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'YOUR_UNIQUE_ID_HERE'); </script>
4

Tarkista asennus

Tallenna muutokset ja julkaise sivusto. Käy verkkotunnuksessa ja päivitä sivu. Palaa MousePlayer-koontinäyttöön — verkkotunnuksen tila muuttuu automaattisesti tilasta ASENNA KOODI tilaan TOIMETON tai näyttää aktiiviset käyttäjät, jos sivustolla on parhaillaan kävijöitä.

Kehittäjävinkki: CMS ja tunnistehallinta

WordPressissä katkelman voi liittää teeman header.php-tiedostoon tai käyttää lisäosaa, kuten ”Insert Headers and Footers”. Google Tag Managerissa (GTM) luo uusi Mukautettu HTML-tunniste, liitä katkelma ja aseta laukaisimeksi Kaikki sivut.