Guías de instalación

Instalar en Vue

Añada la etiqueta a index.html o inicie el rastreador en main.ts. Las navegaciones de Vue Router se cuentan automáticamente.

Añada el script a index.html

Añada la etiqueta al <head> de index.html, que sirve todas las rutas de su aplicación.

index.htmlHTML

<script defer
  src="https://cdn-stg.webmetric.io/v1/b.js"
  data-key="wm_w_your_write_key"
  data-host="https://in-stg.webmetric.io"></script>

O inícielo en main.ts

src/main.tsTypeScript

import { init } from "@webmetric/sdk";
import { createApp } from "vue";

import App from "./App.vue";

init({
  key: "wm_w_your_write_key",
  host: "https://in-stg.webmetric.io",
  assetOrigin: "https://cdn-stg.webmetric.io/v1",
});

createApp(App).mount("#app");

Nuxt

En Nuxt, añada el script al head de cada página desde su configuración:

nuxt.config.tsTypeScript

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: "https://cdn-stg.webmetric.io/v1/b.js",
          defer: true,
          "data-key": "wm_w_your_write_key",
          "data-host": "https://in-stg.webmetric.io",
        },
      ],
    },
  },
});

Enrutamiento

Vue Router en modo historial se sigue automáticamente. Con createWebHashHistory, añada data-hash="true" para que cada cambio de fragmento cuente como una página vista.

Verificación

Abra su aplicación, pase por algunas rutas y luego abra el resumen. Si no llega nada, consulte solución de problemas.