First, revisit our advice for preparing to test your Chartbeat integration in a staging environment in our QA guide for standard websites, which applies to testing your Headline Testing integration as well. Follow the initial instructions under the Configure QA/staging sites in Chartbeat section.
If this is your first time initiating a Chartbeat headline/image test, learn how in this Help Center article.
We require click-through data on homepage links in order to generate Heads Up Display pins needed to initiate a headline test, so it can be tricky to test this out on staging sites that have zero organic traffic and clicks. If you click a headline link a few times to open a few new tabs to that article in your browser, this should generate enough click data to create a pin on your staging site. The Heads Up Display will not assign pins for links to other landing pages or to external domains, so begin your test on a link to an article page under your staging domain.
Note that a headline test initiated on a staging site will not complete successfully due to the absence of organic traffic and click-through. If your test can be initiated on your staging site, your code is ready for production.
Once the staging site is setup with Chartbeat Image Testing code and the corresponding configuration variables, we highly recommend starting image tests on multiple areas of your homepage to determine compatibility with your page markup. Tests should be started in multiple homepage areas above and below the fold, including areas where tests would typically be started, and should include both a variant image and headline. With tests running you’ll need to open your staging site’s homepage in a Chrome Incognito window until the variant image and headline is served.
Repeat for all areas where you anticipate running headline and image tests.
You can use your browser's site inspector tools to monitor network activity from your site, filtering on "chartbeat" to view all chartbeat related requests made from your page.
Filtered on "chartbeat" in the Network tab of DevTools, here's the expected order of requests from a standard implementation of our snippet with mab.js included:
chartbeat.js (or chartbeat_video.js)
ping.chartbeat.net/ping (repeated every 15 seconds)
Headline and Image Testing ✅