Přidání Datriky do Vue

V projektu na Vite stačí vložit skript do index.html.

Místo YOUR_SITE_ID vložte ID webu v Datrice. Skript s vyplněným ID zkopírujete v nastavení webu na kartě Obecné.

Vložení skriptu

Vložte skript do <head> v index.html v kořeni projektu.

index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Vue app</title>
    <script defer
      src="https://cdn.datrika.app/da.js"
      data-datrika
      data-site-id="YOUR_SITE_ID">
    </script>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>

Běžné přechody mezi stránkami aplikace Datrika měří sama. Nevidí jen přechody přes router.replace, které adresu nahradí místo přidání, a routování přes # v adrese.

Hotovo? Otevřete web v prohlížeči - průvodce v Datrice první návštěvu pozná sám a pustí vás do přehledu.