Implement Cookiefirst consent banner

public/typo3conf/ext/ep_events/Configuration/TypoScript/Page/Main.typoscript

@@ -21,35 +21,6 @@ page {
         main = typo3_encore:EpEventsConfig:main
     }
 
-    jsFooterInline {
-        10 = TEXT
-        10.typolink.parameter = {$plugin.tx_epevents.settings.dataProtectionPageUid}
-        10.typolink.returnLast = url
-        10.typolink.forceAbsoluteUrl = 1
-        10.wrap (
-            window.addEventListener("load", function (){
-                window.cookieconsent.initialise({
-                    "palette": {
-                        "popup": {
-                            "background": "#ffffff",
-                            "text": "#1e314b"
-                        },
-                        "button": {
-                            "background": "#19a0d2",
-                            "text": "#ffffff"
-                        }
-                    },
-                    "content": {
-                        "message": "Wir verwenden Cookies. Durch die Benutzung unserer Website akzeptieren Sie unsere Richtlinien.",
-                        "dismiss": "Cookies akzeptieren",
-                        "link": "Mehr Infos",
-                        "href": "|"
-                    }
-                })
-            });
-        )
-    }
-
     10 = FLUIDTEMPLATE
     10 {
         file {
@@ -59,6 +30,8 @@ page {
                 override {
                     data = TSFE:page|backend_layout
                 }
+
+
                 ifEmpty = Default
                 split {
                     token = pagets__
@@ -101,32 +74,8 @@ page {
     }
 
     headerData.999 = TEXT
-    headerData.999.value (
-        <!-- Google Tag Manager -->
-        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-        })(window,document,'script','dataLayer','{$plugin.tx_epevents.settings.googleTagManagerId}');</script>
-        <!-- End Google Tag Manager -->
-    )
-    headerData.999.stdWrap.if.isTrue = {$plugin.tx_epevents.settings.googleTagManagerId}
-    headerData.9999 = TEXT
-    headerData.9999.value (
-    <!--Start of Tawk.to Script-->
-<script type="text/javascript">
-var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
-(function(){
-var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
-s1.async=true;
-s1.src='https://embed.tawk.to/5cf8bd64b534676f32ad987f/default';
-s1.charset='UTF-8';
-s1.setAttribute('crossorigin','*');
-s0.parentNode.insertBefore(s1,s0);
-})();
-</script>
-<!--End of Tawk.to Script-->
-    )
+    headerData.999.wrap = <script src="https://consent.cookiefirst.com/banner.js" data-cookiefirst-key="|"></script>
+    headerData.999.value = {$plugin.tx_epevents.settings.cookieFirstKey}
 }
 
 [page["doktype"] == 101]

public/typo3conf/ext/ep_events/Configuration/TypoScript/constants.typoscript

@@ -40,8 +40,8 @@ plugin.tx_epevents {
         xmlSitemapRootPageUid =
         # cat=plugin.tx_epevents//a; type=string; label=XML sitemap page UIDs to exclude
         xmlSitemapExcludeUids =
-        # cat=plugin.tx_epevents//a; type=string; label=Google Tag Manager ID
-        googleTagManagerId =
+        # cat=plugin.tx_epevents//a; type=string; label=Cookiefirst key
+        cookieFirstKey =
         # cat=plugin.tx_epevents//a; type=string; label=Ignore following IPs in searchlog
         searchLogIgnoreIps =
         # cat=plugin.tx_epevents//a; type=string; label=Activity default header image

public/typo3conf/ext/ep_events/Configuration/TypoScript/setup.typoscript

@@ -30,7 +30,7 @@ plugin.tx_epevents {
         inquiryToName = {$plugin.tx_epevents.settings.inquiryToName}
         xmlSitemapRootPageUid = {$plugin.tx_epevents.settings.xmlSitemapRootPageUid}
         xmlSitemapExcludeUids = {$plugin.tx_epevents.settings.xmlSitemapExcludeUids}
-        googleTagManagerId = {$plugin.tx_epevents.settings.googleTagManagerId}
+        cookieFirstKey = {$plugin.tx_epevents.settings.cookieFirstKey}
         offerDetailPageUid = {$plugin.tx_epevents.settings.offerDetailPageUid}
         activityDetailPageUid = {$plugin.tx_epevents.settings.activityDetailPageUid}
         activityListPageUid = {$plugin.tx_epevents.settings.activityListPageUid}