Trackthemetric Logo

Trackthemetric + Vercel v0

Vercel v0 generates React components and entire apps from a chat conversation. Ask v0 to integrate Trackthemetric so the script loads globally.

1
Get your Trackthemetric tracking details

Copy your Website ID and root domain from your Trackthemetric site settings.

Connect payment providers

Your script should look like this:

<script
  defer
  id="TrackTheMetric"
  data-website-id="YOUR_WEBSITE_ID"
  data-domain="YOUR_DOMAIN.COM"
  src="https://app.trackthemetric.com/tracker.js"
></script>

Replace the YOUR_WEBSITE_ID and YOUR_DOMAIN.COM with your actual values.

2
Prompt v0 with this message

Please add Trackthemetric analytics tracking to my application. I need this script integrated so it tracks all page views.

Here's the tracking script to implement:

<script
  defer
  data-website-id="⚠️[[[REPLACE WITH YOUR WEBSITE ID]]]⚠️"
  data-domain="⚠️[[[REPLACE WITH YOUR DOMAIN]]]⚠️"
  src="https://app.trackthemetric.com/tracker.js"
></script>

For React/Next.js components:
- Use the Script component from 'next/script' in the root layout or document head
- Ensure it loads across all routes
- Keep the defer attribute for performance

Please show me where you've added the analytics code and confirm it will track user activity throughout the entire application.

3
Verify the integration

  • Review the code v0 generated and confirm the Script is global.
  • Deploy with Vercel (from v0) or export and deploy your app.
  • Visit your site and check your Trackthemetric dashboard.

4
Debugging issues

I need to verify the Trackthemetric analytics setup. Can you check:
1) Did you add the Script component to the root layout?
2) Is the script loading in the browser's network tab?
3) Does tracking work on all pages/routes?
4) Can you show the exact implementation?

Analytics should load from: https://app.trackthemetric.com/tracker.js
With website ID: ⚠️[[[REPLACE WITH YOUR WEBSITE ID]]]⚠️

Typical issues

  • Script component not imported from next/script.
  • Analytics only working on some components/routes.
  • Incorrect website ID or domain values.
  • App not deployed with the latest changes.