AI builders

Lovable, Bolt, and v0 spit out real apps. Treat them like codebases.

Rule

Install StoreMetrics in the shared layout / root shell, not in a one-off page component your next prompt will rewrite into oblivion.

Lovable / Bolt

Paste the framework script in the app shell (root HTML or main layout):

<script
  defer
  src="https://YOUR_STOREMETRICS_HOST/tracker.js"
  data-velora-key="YOUR_SITE_KEY"
  data-velora-site-id="YOUR_SITE_KEY"
  data-velora-stack="lovable"
></script>

Set data-velora-stack to match (lovable, or leave as generated).

v0 (Next.js-shaped)

Follow the Next.js layout + next/script pattern. Stack attribute: nextjs is fine.

Prompt to paste into the builder chat

Add StoreMetrics real-time analytics to this project.

Install this exact script in the root layout / app shell so it loads on every page.
Do not put it only on the landing page.
Do not change the data-velora-* attributes.

<script
  defer
  src="YOUR_VELORA_URL/tracker.js"
  data-velora-key="YOUR_SITE_KEY"
  data-velora-site-id="YOUR_SITE_KEY"
  data-velora-stack="lovable"
></script>

Show me which file you edited. After I deploy, I will open the live URL to verify.

After it ships

• Confirm events on the deployed URL (local preview may use a host StoreMetrics does not allow).
• Add allowed domains in Settings if you use preview + production hosts.