Website configuration
Setup
Everything that connects your website to Ghost A/B.
01
Your website
Select the website you want to manage.
02
Installation
Connect experiment delivery to your Ghost website.
The existing homepage edge canary remains in place. This is the standard browser snippet; do not add it alongside an existing edge installation.
Standard installation snippet
For sites using standard delivery, paste into Ghost’s Site Header under Code Injection.
<style id="ghost-ab-hide">[data-ab-slot]{visibility:hidden}</style>
<script>setTimeout(function(){var el=document.getElementById("ghost-ab-hide");if(el)el.remove()},1200)</script>
<script async src="https://ghost-ab-testing-poc.vercel.app/ghost-ab.js" data-site-key="LOCAL_DEMO_SITE_KEY"></script>03
Testable surfaces
Prepare headings, buttons, and images for experiments.
Theme slot injector
Add testable surfaces to a Ghost theme and review the detected elements.
Open theme slot injector →04
Diagnostics
Technical tools for verifying your configuration.
Inspect configuration
See the standard configuration returned for a running experiment’s page.
Inspect config ↗