AB Tasty

The A/B Tasty extension makes it easier for you to analyze the displayed A/B test and variants. Mapp Intelligence integration on your website is required for a successful setup. Using the extension, the information from A/B Tasty tests is sent directly to Mapp Intelligence.

This document describes the technical integration and configuration of the extension on your website.

For a detailed description of the A/B Tasty system, visit the company’s website at www.abtasty.com.

Configuration in Mapp Q3

Data is recorded using one event parameter. This must be saved in Mapp Q3 under Configuration > Custom parameters > Event parameters.

Although you can choose your own names for them, We recommend using the following configuration:

Parameter	Datatype	Amount Parameter Values
A/B Tasty Variation	Text	Single Value

Integration

Download

You can find the package on our Github page.

Browser

The A/B Tasty extension file should ideally be integrated directly into the header area of the page after the Smart Pixel.

<html>
    <head>
        <title>Homepage</title>
        <script type="text/javascript" async src="js/smart-pixel-loader.min.js"></script>
        <script type="text/javascript" async src="js/smart-pixel-abtasty.min.js"></script>
    </head>
    <body>
        The content of your website is placed here.
    </body>
</html>

XML

Node

$ npm install @webtrekk-smart-pixel/abtasty

BASH

var webtrekkSmartPixel = require('@webtrekk-smart-pixel/core');
var webtrekkABTasty = require('@webtrekk-smart-pixel/abtasty');
 
var wtSmart = webtrekkSmartPixel.use(window, window.document);
wtSmart.push(webtrekkABTasty);

JS

RequireJS

requirejs(['wtSmart', 'wtSmartABTasty'], function(wtSmart, wtSmartABTasty) {
    window.wtSmart = window.wtSmart ? window.wtSmart : wtSmart.use(window, window.document);
    window.wtSmart.push(wtSmartABTasty);
     
    // do tracking stuff here
});

JS

Methods and properties

name

Get the name of the extension.

/**
 * @type {string}
 */
wtSmart.extension.abtasty.name;

JS

version

Get the version of the extension.

/**
 * @type {string}
 */
wtSmart.extension.abtasty.version;

JS

config

Set and get the current configuration of the extension.

parameterIdVariation: Contains the ID of the event parameter that you created via the Mapp Q3 interface.

The extension used automatically "abtasty_<<Test Name>>_<<Test ID>>" as predefined action name.

/**
 * @param {{
 *      parameterIdVariation: string
 * }} [config]
 *
 * @returns {object}
 */
wtSmart.extension.abtasty.config(config);

JS

isActivated

Get the status, if the extension is enabled.

/**
 * @returns {boolean}
 */
wtSmart.extension.abtasty.isActivated();

JS

activate

Activate the extension.

wtSmart.extension.abtasty.activate();

JS

deactivate

Deactivate the extension.

wtSmart.extension.abtasty.deactivate();

JS

Example

// is abtasty activated
var isActivated = wtSmart.extension.abtasty.isActivated();
 
// set abtasty config
wtSmart.extension.abtasty.config({
    parameterIdVariation: '17'
});
 
// get abtasty config
var abtastyConfig = wtSmart.extension.abtasty.config();
 
// activate abtasty
wtSmart.extension.abtasty.activate();
 
// deactivate abtasty
wtSmart.extension.abtasty.deactivate();

JS