Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter EcoLogic Marketing

    (@ecologicmarketing)

    Hi Killian,

    Thank you very much for the time and care you took in reading my previous message — I really appreciate the detailed response.

    I did find the Tracktastic code in the source of the product page, and I’ll share that below along with the concerns I have after some investigation.

    I’ve attached a few screenshots to help illustrate what I’m seeing on my side:

    Link to screenshots:
    https://imgur.com/a/KFJslz3

    Screenshots 1–3:
    These show that product-level data isn’t being populated correctly, even though total orders are being recorded.

    Screenshot 1: Reports → Ecommerce → Products
    Screenshot 2: Reports → Ecommerce → Sales
    Screenshot 3: Ecommerce Overview

    In all three locations, the revenue/transaction totals appear, but individual product information is missing.

    Screenshot 4:
    This shows my Matomo settings, where both Auto-Tracking and Ecommerce Tracking are enabled. Tracktastic itself doesn’t seem to have any settings in the WordPress dashboard (it seems entirely automatic), but please let me know if there is a configuration area I may have overlooked.

    Screenshots 5–7:
    These show the page source of a product page, where both the Matomo script and the Tracktastic script are loading correctly.

    Screenshot 5: The Matomo tracking script
    Screenshot 6: The Tracktastic script
    Screenshot 7: Feedback I received noting that the Tracktastic script is outputting an empty SKU value.

    That part is correct — I haven’t set SKUs for any products, since my clients don’t use internal SKU systems. My understanding was that product IDs would be sufficient. However, the feedback I received suggested that Matomo may rely more heavily on SKUs for product-level attribution. If SKU is required for Tracktastic to send full product data to Matomo, please confirm so I can update all products accordingly.

    If you could clarify whether the missing SKU is the reason the product-level tracking isn’t appearing, or whether there may be another issue in how Tracktastic passes product data to Matomo, that would be really helpful.

    Thanks again for your time — much appreciated!

    Kind regards,
    Jethro

    Matomo Script on Product Page:

    <!-- Matomo --><script>
    (function () {
    function initTracking() {
    var _paq = window._paq = window._paq || [];
    _paq.push(['enableJSErrorTracking']);_paq.push(['trackPageView']);_paq.push(['enableLinkTracking']);_paq.push(['alwaysUseSendBeacon']);_paq.push(['setTrackerUrl', "\/\/greenawaysointments.co.za\/wp-content\/plugins\/matomo\/app\/matomo.php"]);_paq.push(['setSiteId', '1']);var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.src="\/\/greenawaysointments.co.za\/wp-content\/uploads\/matomo\/matomo.js"; s.parentNode.insertBefore(g,s);
    }
    if (document.prerendering) {
    document.addEventListener('prerenderingchange', initTracking, {once: true});
    } else {
    initTracking();
    }
    })();
    </script>
    <!-- End Matomo Code -->

    Tracktastic Script on Product Page

    <script id="tracktastic-product-tracking-js-extra">var tracktasticProductData = {"sku":"","name":"Baby\\'s Balm","categoryList":"Uncategorized","price":"60"};</script><script src="https://greenawaysointments.co.za/wp-content/plugins/tracktastic/includes/js/matomo-product-tracking.js" id="tracktastic-product-tracking-js"></script>



    Thread Starter EcoLogic Marketing

    (@ecologicmarketing)

    Hi There,

    Thank you very much for the assistance. The CSS that you provided does indeed fix the problem with the small font on the mobile devices. Much appreciated.

    Now, I have one more concern. There is no padding on the inside of the container on mobile. You can see this in the previous screenshots that I attached.

    In Content -> Content Container settings, I have set the “Left Padding” and the “Right Padding” both to 50px. However, clearly in the mobile version (as seen in the screenshots) there is no padding added.

    Is there a way to solve this?

    I tried this CSS, but it doesn’t seem to have an effect:

    @media only screen 
    and (max-device-width: 600px)
     { #body_content td{
    
    padding-left: 30px;
    
    padding-right: 30px;
    
    } 


    Perhaps in the future, you can also have responsive settings whereby one can set the padding and other settings (such as font size) to different values for mobile and desktop? Because 50px works well as a padding on each side for desktops, but may be a bit too much on mobiles.

    Thanks for your time and energy.

    Kind regards,

    Jethro

    Thread Starter EcoLogic Marketing

    (@ecologicmarketing)

    Hi Shameem,

    Thank you for the clarification.

    Indeed, I am using a plugin to put a password on the site so that it is inaccessible from the public, but also to prevent search engines from indexing the website just yet.

    Is there no way I can send you the password privately?

    I did all the conflict testing when I was trying to resolve this issue with Elementor. We exhausted all the conflict possibilities, plugins, theme, cache, custom code, etc.

Viewing 3 replies - 1 through 3 (of 3 total)