ProofyBubble

Lovable

Step-by-step guide to add ProofyBubble to your Lovable site

Lovable is an AI website builder that creates websites through prompts. Since you don't write code directly, you'll need to ask Lovable's AI to add the ProofyBubble tracking script for you.

Before prompting Lovable, go to your ProofyBubble website settings and copy your Website ID (e.g., "66d5561aa2f1fb254ce42d0b") and App ID (e.g., <your-app-id>).

All the information you need is in your ProofyBubble tracking script. It should look like this:

<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>

Copy the prompt template below, replace the two placeholders with your actual Website ID and App ID, then paste the customized prompt into Lovable's chat:

Please add ProofyBubble analytics tracking to my website. I need this script to load on every page of the website.

If using raw HTML: Add this script tag to the <head> section of every page:

<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>

If using React, Next.js, or similar frameworks: Add the appropriate script component to load on every page. For example:

  • Next.js: Use the Script component from 'next/script' in the root layout
  • React: Add the script to the index.html or use useEffect to load it dynamically
  • Vite: Add to the index.html in the public folder

Please use the method that's appropriate for the framework you're building my website with, and confirm what approach you used and that the tracking will work on all pages.

After Lovable confirms the implementation:

  • Publish your website - Use Lovable's publish feature (top right corner)
  • Visit your live site - Once published, visit your actual website
  • Check your dashboard - Go to your ProofyBubble dashboard and look for incoming data (may take a few minutes)

If analytics data isn't appearing:

Ask Lovable to double-check:

Can you please verify that the ProofyBubble tracking script is properly installed and will load on all pages?

Please confirm:

  1. What framework are you using for my website?
  2. How did you implement the ProofyBubble tracking?
  3. Can you show me where you added the script?
  4. Will it load on every page, including future pages I create?

The tracking should load this script: https://client.proofybubble.com/assets/embed.js With my Website ID: ⚠️>>> REPLACE WITH YOUR WEBSITE ID <<<⚠️ and App ID: ⚠️>>> REPLACE WITH YOUR APP ID <<<⚠️

If something looks wrong, please fix it using the correct method for the framework you're using.

Common issues:

  • Script only added to homepage instead of all pages
  • Missing or incorrect Website ID or App ID
  • Script not implemented correctly for the framework being used
  • Framework-specific components not used (e.g., using raw HTML in React instead of proper components)
  • Lovable hasn't published the website yet

If you're still having trouble, contact us at me@kulkarniankita.com and we'll help you get set up.