ProofyBubble

Vue

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

Follow these steps to integrate ProofyBubble into your Vue.js application.

The recommended way to add scripts to all pages in a Vue.js application is by adding it to your main entry file.

  1. Open your project's main file (usually main.js or main.ts).
  2. Add the ProofyBubble script:
import { createApp } from 'vue';
import App from './App.vue';

// Add ProofyBubble script
const script = document.createElement('script');
script.id = 'credibility-client-<your-id>';
script.type = 'module';
script.crossOrigin = 'anonymous';
script.setAttribute('data-app-id', '<your-app-id>');
script.src = 'https://client.proofybubble.com/assets/embed.js';
document.head.appendChild(script);

createApp(App).mount('#app');
  • Replace <your-id> with your actual Website ID from ProofyBubble.
  • Replace <your-app-id> with your actual App ID from ProofyBubble.

You can also add the script directly to your index.html file:

<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>
  • Replace <your-id> with your actual Website ID from ProofyBubble.
  • Replace <your-app-id> with your actual App ID from ProofyBubble.

After implementing either method:

  • Visit your live website.
  • Check your ProofyBubble dashboard for incoming data. It might take a few minutes for the first pageviews or events to appear.