← All platforms

    Installation Guide · Vue.js

    How to Add Agent Analytics to Your Website

    One script captures what visitors browse. That becomes memory your analytics can understand. And agents like Jack turn it into actions — recovery emails, demand segments, conversion insights.

    Install on Vue.js

    💚

    Vue.js

    For Vue.js projects, add the script to your public/index.html or use the head option.

    Easy·1 min·1 method

    public/index.html

    Add the script to your HTML template. This is the simplest and most reliable method.

    1
    Open public/index.html

    This is the main HTML file that Vue renders inside. It's in the public folder.

    2
    Find the <head> section

    The <head> section contains meta tags and the page title.

    3
    Paste the tracking script inside the tag

    Add it near other script tags or at the top of <head>.

    Paste this
    <script async src="https://analytics.tradly.dev/tracker.js" data-server="https://analytics.tradly.dev" data-project="marketplace"></script>
    4
    Save and restart your dev server

    Run npm run dev to see changes.

    Troubleshooting (3 common issues)
    • →For Vue 3 with Vite, the file is index.html at project root, not in public/
    • →For Vue 2 with Vue CLI, the file is public/index.html
    • →If using Nuxt.js, use the head option in nuxt.config.js instead

    Need help? Contact support@tradly.dev or check our FAQ.

    Last updated: January 2025