I'm trying to add Google Analytics and autotrack library to a Chrome extension.

And specifically want to use the plugin pageVisibilityTracker to tracks how long pages are in the visible state.

To do so, I inject my code, and the GA link in the context of the page, like the following:

if (userAllowTracking) {

    //create & inject the user websites script;            

    var script = $('<script/>');

    $(script).attr('src', chrome.extension.getURL('path/to/injected.js') + '?clientId=' + myClientId);

    $('head').prepend(script);



    //create & inject the autotrack plugin script;            

    var scriptPlugins = $('<script/>');

        $(scriptPlugins).attr('src', chrome.extension.getURL('path/to/autotrack/2.4.1/autotrack.js'));

        $(scriptPlugins).attr('async', true);

        $(script).after($(scriptPlugins));

}

in file injected.js :

I insert the GA snippet, which injects the main script:

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics_debug.js','ga');

I'm using the debugging link above, and setting the mode to debugging afterwords, to get detailed logs:

window.ga_debug = {trace: true};

Then, I create the tracker:

ga('create', {

    'trackingId': 'UA-AAAAAAAA-A',

    'name': myTracker,

    'clientId': myClientId,

});

set some settings:

ga(myTracker + '.set', {

    'page': (document.location.protocol !== 'file:') ? '/site/' + document.location.hostname : '/site/local-file-page',

    'title': (document.location.protocol !== 'file:') ? '/site/' + document.location.pathname : '/site/local-file-title',

    'location': (document.location.protocol !== 'file:') ? '/site/' + document.location.href : '/site/local-file-location',

    'transport': 'beacon',

    'anonymizeIp': true,

    'sendHitTask': null, 

});

And require the plugin:

ga(myTracker + '.require', 'pageVisibilityTracker', {

    'sendInitialPageview': true,

    'pageLoadsMetricIndex': 2,

    'visibleMetricIndex': 1,

});

Now the problem is:

I get in the console the following error:

Error creating a plugin instance: {0: "myTracker.require", 1: "pageVisibilityTracker", 2: {sendInitialPageview: true, pageLoadsMetricIndex: 2, visibleMetricIndex: 1}}

analytics_debug.js:23

Which seems like vague error to me, I can't tell why it occurs or how can I fix it?!

What am I doing wrong?