Merge branch 'dev/Umbraco11' of https://github.com/patrickdemooij9/SeoToolkit.Umbraco into dev/Umbraco11

Author: patrickdemooij9

src/SeoToolkit.Umbraco.ScriptManager.Core/Composers/ScriptManagerComposer.cs

@@ -50,7 +50,8 @@ public void Compose(IUmbracoBuilder builder)
                 .Add<GoogleTagManagerDefinition>()
                 .Add<GoogleAnalyticsDefinition>()
                 .Add<HotjarDefinition>()
-                .Add<CustomScriptDefinition>();
+                .Add<CustomScriptDefinition>()
+                .Add<PiwikProDefinition>();
 
             builder.Components().Append<EnableModuleComponent>();
 

src/SeoToolkit.Umbraco.ScriptManager.Core/ScriptDefinitions/PiwikProDefinition.cs

@@ -0,0 +1,64 @@
+using SeoToolkit.Umbraco.ScriptManager.Core.Enums;
+using SeoToolkit.Umbraco.ScriptManager.Core.Helpers;
+using SeoToolkit.Umbraco.ScriptManager.Core.Interfaces;
+using SeoToolkit.Umbraco.ScriptManager.Core.Models.Business;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Umbraco.Cms.Core.PropertyEditors;
+
+namespace SeoToolkit.Umbraco.ScriptManager.Core.ScriptDefinitions
+{
+    public class PiwikProDefinition : IScriptDefinition
+    {
+        private readonly ViewRenderHelper _viewRenderHelper;
+        private const string accountAddressKey = "accountAddress";
+        private const string siteIdKey = "siteId";
+
+        //Name of the definition
+        public string Name => "Piwik PRO";
+        //Alias of the definition. Used in the database
+        public string Alias => "piwikpro";
+
+        //Umbraco Configuration fields of the definition
+        public ConfigurationField[] Fields => new ConfigurationField[]
+        {
+            new () {
+                Key = accountAddressKey,
+                Name = "Account Address",
+                Description = "Your Piwik PRO account address. Make sure the address contains https:// and a trailing slash.",
+                View = "textstring"
+            },
+            new () {
+                Key = siteIdKey,
+                Name = "Site Id",
+                Description = "Your Piwik PRO site ID",
+                View = "textstring"
+            }
+        };
+
+        public PiwikProDefinition(ViewRenderHelper viewRenderHelper)
+        {
+            _viewRenderHelper = viewRenderHelper;
+        }
+
+        //Render function where you add your script to the correct location. You can use the ViewRenderHelper to render a cshtml view.
+        public void Render(ScriptRenderModel model, Dictionary<string, object> config)
+        {
+            if (!config.ContainsKey(accountAddressKey) || string.IsNullOrWhiteSpace(config[accountAddressKey]?.ToString()))
+                return;
+
+            if (!config.ContainsKey(siteIdKey) || string.IsNullOrWhiteSpace(config[siteIdKey]?.ToString()))
+                return;
+
+            var accountAddress = config[accountAddressKey].ToString();
+            var siteId = config[siteIdKey].ToString();
+
+            string[] viewData = new[] { accountAddress, siteId };
+
+            model.AddScript(ScriptPositionType.BodyTop, _viewRenderHelper.RenderView("~/Views/ScriptManager/PiwikPro/Script.cshtml", viewData));
+        }
+    }
+}

src/SeoToolkit.Umbraco.ScriptManager/Views/ScriptManager/PiwikPro/Script.cshtml

@@ -0,0 +1,9 @@
+@model string[]
+<script type="text/javascript">
+    (function(window, document, dataLayerName, id) {
+    window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script');
+    var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName);var qPString=qP.length>0?("?"+qP.join("&")):"";
+    tags.async=!0,tags.src="@Model[0]"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts);
+    !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]);
+    })(window, document, 'dataLayer', '@Model[1]');
+</script>