Documentation
On this page

Install on Vue

Measure visits to your Vue website using the script from your Jelto product.

Before you start

If you don't have a Jelto account yet, create one. Register the published hostname in Jelto and copy the complete script from Settings → Installation. You need permission to edit and publish the site. If your platform restricts custom scripts, confirm that your plan provides this feature.

Add the script

  1. For a Vue app built with Vite, open the project-root index.html and paste the tag before </head>. Keep it outside App.vue and route components.
  2. Preserve the copied data-product, data-endpoint and src values.
  3. Build and deploy the production site using your existing Vite workflow.

This example uses Jelto’s standard cookieless script. Replace YOUR_PRODUCT_ID with your public product ID (prd_8f3kq2m9x1) from Settings → Installation. If your copied tag uses a custom tracking domain, cookie mode or additional options, preserve those values:

<script defer
  data-product="YOUR_PRODUCT_ID"
  data-endpoint="https://app.jelto.io/v1/e"
  src="https://app.jelto.io/jelto.js"></script>

Verify

Open the published homepage in a normal browser, navigate to another page, then use Jelto's Check traffic for the actual hostname. Follow Verify website tracking. For a site with client navigation, check a route change and the Back button as well as a full reload.

Common problems

Navigate between two Vue Router pages and use Back. Hash-based routes need the explicit data-hash option.

If traffic is still missing, check collection troubleshooting. For optional route, exclusion and download settings, use Script configuration.

Platform reference: Official Vue documentation.