Section 3 & 4
-
Research, hypothesis and prioritization sheet: https://docs.google.com/spreadsheets/d/1X6JyDjjYW6njv4XDIeOjo_CPA9hbxxe6QuV1prflhaM/edit?usp=sharing
Section 5
Tools
-
Sample size calculator: https://abtestguide.com/abtestsize/
-
Event tracking tracker Chrome extension: https://chrome.google.com/webstore/detail/event-tracking-tracker/npjkfahkbgoagkfpkidpjdemjjmmbcim
-
Color picker extension (when you need the color code to set up test): https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp
-
Browserstack, to check test variations in different browsers
Code (if these codes do not work for your website, check with a developer. He / she should be able to fix it with a minor adjustment)
- Place this code in your URL bar of your Chrome browser to place a cookie (edit XXX as you like)
javascript:document.cookie="XXX=XXX"
- Google Analytics event to determine which variation your website visitor is in, place this at the end of your Javascript code (edit EVENT CATEGORY, ACTION and LABEL as you like)
//Google Analytics event for variation visitor is in
var variation = setInterval(function(){
if ('undefined' != typeof ga) {
clearInterval(variation);
ga('send', 'event', 'EVENT CATEGORY', 'ACTION', 'LABEL', {'nonInteraction': true});
}
}, 500 );
- Hotjar poll or heatmap (edit NAME as you like)
//Hotjar code for poll or heatmap
window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments);};
hj('trigger', 'NAME');
In depth
-
Article on power and significance: https://neilpatel.com/blog/how-ab-testing-works/
-
Google Analytics events: https://developers.google.com/analytics/devguides/collection/analyticsjs/events
-
Mutual exclusive tests:
-
Google Anaytics event for extra data, for instance a click on a button (choose the right SELECTOR, edit EVENT CATEGORY, ACTION and LABEL as you like)
vwo_$(' SELECTOR').click(function() {
ga('send', 'event', 'CATEGORY', 'ACTION', 'LABEL', {'nonInteraction': true});
});