I have found a workaround to overcome my difficulties in configurations or code adjustments and I'm using the Appearance/Customization/Your HTML code box
I think the configuration option Appearance/Customization/Your HTML is a life saver :-)
I use this for placing my Matomo script code, due to a dificulty with Piwiki plugin, the Mautic code, the favicon code, and the watch list plugin code.
Although it may not be the best place to put everything I got things working by putting the code in there.
If you have any suggestion to change this usage please let me know, or at least give me some good hints and I'll follow.
Here's my current Appearance/Customization/Your HTML content:
<?php watchlist(); ?>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="
https://www.mydomain.com/matomo/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '03lpIsq8Gp9JlgY']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<!-- Matic -->
<script>
(function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
})(window,document,'script','
http://www.mydomain.pt/mautic/mtc.js','mt'); mt('send', 'pageview');
</script>
<!-- End Mautic Code -->