@webtrekk-smart-pixel/fashion

v1.0.0

Published

a month ago

Mapp Fashion for Smart Pixel

Downloads

0High
0Medium
0Low

stephan.guenther

sascha.stieglitz

mapp-digital-user

Smart Tracking Pixel - Fashion

Site | Documentation | Changelog

We help fashion We help fashion retailers deliver highly personalized experiences across all touchpoints – online, in-store, and through marketing channels. Our technology predicts what each shopper will buy and keep, driving satisfaction, conversion, and long-term loyalty. For more details, please visit the Mapp documentation platform.

Integration

Download

You can find the package on our Github page or Mapp CDN.

Browser

The Mapp Fashion 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-fashion.min.js"></script>
    </head>
    <body>
        The content of your website is placed here.
    </body>
</html>

RequireJS

requirejs(['wtSmart', 'wtSmartFashion'], function(wtSmart, wtSmartFashion) {
    window.wtSmart = window.wtSmart ? window.wtSmart : wtSmart.use(window, window.document);
    window.wtSmart.push(wtSmartFashion.use);

    // do tracking stuff here
});

Methods

config

Set and get the current configuration of the extension.

host: Here, you must enter the host name that we provide you during your onboarding process.
namespaceId: UUID will be provided by Mapp Fashion.
mapping:
- productCode: Enter the ID of the product parameter that should be used as product SKU (unique item identifier). Default is the Smart Pixel product ID.
- sku: Enter the ID of the product parameter that should be used as product code or variant identifier (for example, style or group code). Default is the Smart Pixel product ID.
- name: Enter the ID of the product parameter that should be used as product name. Default is the Smart Pixel product ID.
- category: Enter the ID of the product parameter that should be used as product category.
- tax: Enter the ID of the product parameter that should be used as tax amount.

/**
 * @param {{
 *      host: string,
 *      namespaceId: string,
 *      mapping: {
 *          productCode: string,
 *          sku: string,
 *          name: string,
 *          category: string,
 *          tax: string
 *      }
 * }} [config]
 *
 * @returns {object}
 */
wtSmart.extension.fashion.config(config);

isActivated

Get the status, if the extension is enabled.

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

activate

Activate the extension.

wtSmart.extension.fashion.activate();

deactivate

Deactivate the extension.

wtSmart.extension.fashion.deactivate();

Example

window.wtSmart = window.wtSmart || [];
window.wtSmart.push(function(wtSmart) {
    // is fashion activated
    var isActivated = wtSmart.extension.fashion.isActivated();
    
    // set fashion config
    wtSmart.extension.fashion.config({
        host: 'https://fashion.example.com',
        namespaceId: '00000000-0000-0000-0000-000000000000',
        mapping: {
            productCode: '5',
            sku: '8',
            name: '1',
            category: '7',
            tax: '9'
        }
    });
    
    // get fashion config
    var fashionConfig = wtSmart.extension.fashion.config();
    
    // activate fashion
    wtSmart.extension.fashion.activate();
    
    // deactivate fashion
    wtSmart.extension.fashion.deactivate();
});