Omniture Tagger using MutationObserver

OmnitureTagger.js

/**
 * This function allows you to add a number of omniture tags and once they are all assigned non empty values,
 * they will be automatically submitted to the server
 * @returns {{addTag: addTag, updatedTag: updatedTag}}
 * @constructor
 */
var OmnitureTagger = function() {
    var tags = {};
    
    for (var i=0;i < arguments.length;i++) {
        console.log(arguments[i]);
        tags[arguments[i]] = '';
    }
    
    var isComplete = function() {
        for(var tag in tags) {
            console.log('tag: ' + tags[tag]);
            if (!tags[tag]) return false;
        }
        
        return true;
    };
    
    var submitTags = function() {
        console.log ("Submitting Tags: ", tags);
    };
    
    return {
        addTag: function(name) {
            tags[name] = '';
            return this;
        },
        
        updateTag: function(name, value) {
            tags[name] = value;
            if (isComplete()) submitTags();
        }
    }
};

/**
 *
 * @param elementSelector css selector of the html element that will be observed
 * @param callback it retrieves the value from the newly added html element and updates the corresponding omniture tag
 * @returns {{startObserving: startObserving, stopObserving: stopObserving}}
 * @constructor
 */
var ComponentObserver = function(elementSelector, callback) {
    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
    // var list = document.querySelector("#quickShopContainer1 .product-details-sku-wrapper");
    var list = document.querySelector(elementSelector);
    
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'childList') {
                callback();                
            }
        });
    });
    
    return {
        startObserving: function() {
            observer.observe(list, {
                attributes: false,
                childList: true,
                characterData: false
            });
        },
        
        stopObserving: function () {
            observer.disconnect();
        }
    }
};


//How to use it
$('body').prepend('<div id="quickShopContainer1"><div class="product-details-sku-wrapper"></div></div>');

var tagger = new OmnitureTagger('evar1','evar2','evar3');
var cssSelector = "#quickShopContainer1 .product-details-sku-wrapper";
var componentObserver1  = new ComponentObserver(cssSelector,
    function() {tagger.updateTag('evar1', $(cssSelector).find('.badging').text());});
componentObserver1.startObserving();

var componentObserver2  = new ComponentObserver(cssSelector,
    function() {tagger.updateTag('evar2', $(cssSelector).find('.badging').text());});
componentObserver2.startObserving();

var componentObserver3  = new ComponentObserver(cssSelector,
    function() {tagger.updateTag('evar3', $(cssSelector).find('.badging').text());});
componentObserver3.startObserving();


$('#quickShopContainer1 .product-details-sku-wrapper').prepend('<div class="badging">This is a badge</div>');