ProofyBubble

Vercel v0

Step-by-step guide to add ProofyBubble to your Vercel v0 application

Vercel v0 generates React components and applications through AI conversation. To add analytics tracking, you'll need to ask v0 to integrate the ProofyBubble script into your component structure.

Go to your ProofyBubble website settings and locate your Website ID (e.g., "66d5561aa2f1fb254ce42d0b") and App ID (e.g., <your-app-id>).

This information comes from your ProofyBubble tracking code:

<script
  id="credibility-client-<your-id>"
  type="module"
  crossorigin="anonymous"
  data-app-id="<your-app-id>"
  src="https://client.proofybubble.com/assets/embed.js"
></script>

Customize the prompt below with your details and send it to Vercel v0:

Please add ProofyBubble analytics tracking to my application. I need this script integrated so it tracks all page views and user interactions.

Here's the tracking script to implement:

<script
  id="credibility-client-⚠️>>> REPLACE WITH YOUR WEBSITE ID <<<⚠️"
  type="module"
  crossorigin="anonymous"
  data-app-id="⚠️>>> REPLACE WITH YOUR APP ID <<<⚠️"
  src="https://client.proofybubble.com/assets/embed.js"
></script>

For React components:

  • Add this using Next.js Script component in the layout or root component
  • Make sure it loads in the document head
  • Ensure tracking works across all routes and components
  • Keep the type="module" attribute for performance optimization

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

Once v0 updates your project:

  • Review the code - Check that v0 added the Script component properly
  • Deploy your app - Use Vercel's deployment from v0 or export the code
  • Test analytics - Visit your live site and monitor your ProofyBubble dashboard

If analytics aren't working correctly:

I need to verify the ProofyBubble 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://client.proofybubble.com/assets/embed.js With Website ID: ⚠️>>> REPLACE WITH YOUR WEBSITE ID <<<⚠️ and App ID: ⚠️>>> REPLACE WITH YOUR APP ID <<<⚠️

Please fix any issues with the tracking implementation.

Typical issues:

  • Script component not imported from 'next/script'
  • Analytics only working on specific components
  • Incorrect Website ID or App ID values
  • Project not deployed with latest changes

Need help with your v0 integration? Email us at me@kulkarniankita.com.