ProofyBubble

Ghost

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

Follow these steps to integrate ProofyBubble into your Ghost CMS site.

Ghost provides a built-in Code Injection feature that makes it easy to add scripts to your site.

  1. Log in to your Ghost admin dashboard.
  2. Go to Settings > Code Injection.
  3. In the Site Header section, paste your ProofyBubble script:
<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.
  1. Click Save.

If you're using a custom theme, you can add the script directly to your theme's default.hbs file:

  1. Go to Design > Theme Editor.
  2. Open default.hbs.
  3. Add the script just before the closing </head> tag:
<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.
  1. Save your changes.

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.
  • Custom code changes in Ghost appear on the published site, not in the preview.