I want to edit the default Google Analytics code from the core module Magento_GoogleAnalytics, that is build in Magento 2.4.1.

I want to add the line; setTimeout("ga('send','event','Profitable Engagement','time on page more than 30 seconds')",30000);

Therefore I copied the file to /app/design/frontend/theme/theme/Magento_GoogleAnalytics/web/js/google-analytics.js

With the following entire js code, see below. But for some reason that does not work. The code is not added to the js when I check the web store source.

I already flushed the entire cache and run the static-content:deploy. But still it is not added. What am I missing here?


 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
/* jscs:disable */
/* eslint-disable */
], function ($) {
    'use strict';

     * @param {Object} config
    return function (config) {
        var allowServices = false,

        if (config.isCookieRestrictionModeEnabled) {
            allowedCookies = $.mage.cookies.get(config.cookieName);

            if (allowedCookies !== null) {
                allowedWebsites = JSON.parse(allowedCookies);

                if (allowedWebsites[config.currentWebsite] === 1) {
                    allowServices = true;
        } else {
            allowServices = true;

        if (allowServices) {
            (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', '//www.google-analytics.com/analytics.js', 'ga');

            // Process page info
            ga('create', config.pageTrackingData.accountId, 'auto');
            setTimeout("ga('send','event','Profitable Engagement','time on page more than 30 seconds')",30000);

            if (config.pageTrackingData.isAnonymizedIpActive) {
                ga('set', 'anonymizeIp', true);

            // Process orders data
            if (config.ordersTrackingData.hasOwnProperty('currency')) {
                ga('require', 'ec', 'ec.js');

                ga('set', 'currencyCode', config.ordersTrackingData.currency);

                // Collect product data for GA
                if (config.ordersTrackingData.products) {
                    $.each(config.ordersTrackingData.products, function (index, value) {
                        ga('ec:addProduct', value);

                // Collect orders data for GA
                if (config.ordersTrackingData.orders) {
                    $.each(config.ordersTrackingData.orders, function (index, value) {
                        ga('ec:setAction', 'purchase', value);

                ga('send', 'pageview');
            } else {
                // Process Data if not orders
                ga('send', 'pageview' + config.pageTrackingData.optPageUrl);

1 Answer 1


Supposing the "theme/theme/" part in your path is correct, I will suggest you to clean via terminal (CLI) the pub static files and preprocessed files.

Like below may be

rm -rf pub/static/ var/view_preprocessed/pub/static/

Then run again static content deployment

  • Thanks! That's what we also tried, but sadly the code is still default. Can not find why it still adds the default code, without the modification.
    – JGeer
    Oct 20, 2020 at 15:36
  • @JGeer did you check the preprocessed js file after deployment? if the file contains the code you added maybe it's a browser cache issue Oct 21, 2020 at 7:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.