[ENG] AB Testing: Implement Featured content vs carousel test
Goal
We would like to use the components created in the featured content issue and Hero carousel issue to run a test in the homepage
Jobs To Be Done
LaunchDarkly
Please configure the conversion event within LaunchDarkly to measure:
- A) Carousel: CTA button clicks from each slide (combined)
- B) Content Block: CTA button clicks from each card within the content block (combined)
Google Analytics
Please ensure the following dataLayer code is pushed to the client before DOM ready. This may already be configured on the template level, so this might just be a quick QA to ensure the variables have the correct values. Just type in dataLayer
into dev mode > console.
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'launchDarklyExperiment',
'launchDarklyExperimentName': 'name of experiment',
'launchDarklyExperimentId': '0 or 1'
});
Where:
-
name of experiment
is the LaunchDarkly dynamic experiment name -
0 or 1
is typically control or variant. Since we don't have a control, the Carousel can be 0, and the Content Block can be 1.
Please also add the appropriate data-ga-name
and data-ga-location
attributes to each link!
data-ga-location="home-page-carousel"
data-ga-location="home-page-content-block"
-
data-ga-name
: get started, free trial, devsecops survery, roi calculator
How do we measure success?
Data collection for future decision making
Page(s)
Which page(s) are involved in this request?
DCI
-
DRI: @mpenagos-ext -
Consulted: GitLab Handle
-
Informed: Everyone
In scope
What is within scope of this request?
-
Set up test flag and metrics in LaunchDarkly dashboard -
Add components to homepage
Requirements
What are the requirements for this request? Checklist below is an example of common requirements, please check all that apply and adjust as necessary:
-
Copy writing -
Illustration -
Custom Graphics -
Research -
Data / Analytics -
UX Design -
Engineering