Implement Cookiefirst consent banner

This commit is contained in:
Björn Fromme
2021-11-22 16:10:17 +01:00
parent b625c91b9e
commit c7e87d7c42
23 changed files with 28 additions and 156 deletions
-11
View File
@@ -15,7 +15,6 @@
"axios-auth-refresh": "^1.0.7",
"bootstrap-sass": "^3.4.1",
"bourbon": "^4.3.2",
"cookieconsent": "^3.1.0",
"cooltipz-css": "^1.6.8",
"dayjs": "^1.10.6",
"es6-slide-up-down": "^1.0.0",
@@ -3544,11 +3543,6 @@
"integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
"dev": true
},
"node_modules/cookieconsent": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/cookieconsent/-/cookieconsent-3.1.1.tgz",
"integrity": "sha512-v8JWLJcI7Zs9NWrs8hiVldVtm3EBF70TJI231vxn6YToBGj0c9dvdnYwltydkAnrbBMOM/qX1xLFrnTfm5wTag=="
},
"node_modules/cooltipz-css": {
"version": "1.7.1",
"resolved": "https://registry.npmjs.org/cooltipz-css/-/cooltipz-css-1.7.1.tgz",
@@ -13891,11 +13885,6 @@
"integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
"dev": true
},
"cookieconsent": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/cookieconsent/-/cookieconsent-3.1.1.tgz",
"integrity": "sha512-v8JWLJcI7Zs9NWrs8hiVldVtm3EBF70TJI231vxn6YToBGj0c9dvdnYwltydkAnrbBMOM/qX1xLFrnTfm5wTag=="
},
"cooltipz-css": {
"version": "1.7.1",
"resolved": "https://registry.npmjs.org/cooltipz-css/-/cooltipz-css-1.7.1.tgz",
-1
View File
@@ -18,7 +18,6 @@
"axios-auth-refresh": "^1.0.7",
"bootstrap-sass": "^3.4.1",
"bourbon": "^4.3.2",
"cookieconsent": "^3.1.0",
"cooltipz-css": "^1.6.8",
"dayjs": "^1.10.6",
"es6-slide-up-down": "^1.0.0",
@@ -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]
@@ -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
@@ -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}
@@ -1,7 +1,5 @@
'use strict';
require('cookieconsent');
import Vue from 'vue'
import $ from 'jquery'
import VueSession from 'vue-session'
@@ -1,3 +0,0 @@
.cc-window {
font-size: 75%;
}
@@ -33,7 +33,6 @@ $output-bourbon-deprecation-warnings: false;
@import "teasers";
@import "badge";
@import "team";
@import "cookieconsent";
@import "search";
@import "offerlist";
@import "paginator";
@@ -64,36 +64,6 @@ page {
main = typo3_encore:EpThemeConfig:main
}
jsFooterInline {
10 = TEXT
10.typolink.parameter = {$plugin.tx_eptheme.settings.dataProtectionPageUid}
10.typolink.returnLast = url
10.typolink.forceAbsoluteUrl = 1
10.wrap (
window.addEventListener("load", function () {
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#006db6",
"text": "#ffffff"
},
"button": {
"background": "#f9cb0d",
"text": "#ffffff"
}
},
"dismissOnTimeout": 5000,
"content": {
"message": "Wir verwenden Cookies. Durch die Benutzung unserer Website akzeptierst Du unsere Richtlinien.",
"dismiss": "Cookies akzeptieren",
"link": "Mehr Infos",
"href": "|"
}
})
});
)
}
10 = FLUIDTEMPLATE
10 {
file {
@@ -164,14 +134,23 @@ 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_eptheme.settings.googleTagManagerId}');</script>
<!-- End Google Tag Manager -->
headerData.999.wrap = <script src="https://consent.cookiefirst.com/banner.js" data-cookiefirst-key="|"></script>
headerData.999.value = {$plugin.tx_eptheme.settings.cookieFirstKey}
headerData.9999 = TEXT
headerData.9999.value (
<!--Start of Tawk.to Script-->
<script type="text/plain" data-cookiefirst-category="functional">
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.stdWrap.if.isTrue = {$plugin.tx_eptheme.settings.googleTagManagerId}
}
@@ -137,8 +137,8 @@ plugin.tx_eptheme {
# cat=eptheme/600/110; type=string; label=XML sitemap page UIDs to exclude
xmlSitemapExcludeUids =
# cat=eptheme/300/100; type=string; label=Google Tag Manager ID
googleTagManagerId =
# cat=eptheme/300/100; type=string; label=Cookiefirst key
cookieFirstKey = fabb1554-8932-4075-85dc-97fa68892918
# cat=eptheme/300/110; type=string; label=Google Static Maps Base Url
googleStaticMapsBaseUrl = https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyDDOforD1O_j4xXy2nJybC2yQqbUAw9ClY
# cat=eptheme/300/120; type=string; label=Google Maps Js API Url
@@ -46,7 +46,7 @@ plugin.tx_eptheme {
eventDisturberListitems = {$plugin.tx_eptheme.settings.eventDisturberListitems}
eventDisturberButtonLabel = {$plugin.tx_eptheme.settings.eventDisturberButtonLabel}
eventDisturberButtonLink = {$plugin.tx_eptheme.settings.eventDisturberButtonLink}
googleTagManagerId = {$plugin.tx_eptheme.settings.googleTagManagerId}
cookieFirstKey = {$plugin.tx_eptheme.settings.cookieFirstKey}
bpnBookingUrlTemplateCode = {$plugin.tx_eptheme.settings.bpnBookingUrlTemplateCode}
groupsPricePopupPageUid = {$plugin.tx_eptheme.settings.groupsPricePopupPageUid}
googleStaticMapsBaseUrl = {$plugin.tx_eptheme.settings.googleStaticMapsBaseUrl}
@@ -1,5 +1,4 @@
// Import dependencies
require('cookieconsent')
require('lazysizes')
require('lazysizes/plugins/unveilhooks/ls.unveilhooks')
require('picturefill')
@@ -1,18 +0,0 @@
@import "~cookieconsent/build/cookieconsent.min.css";
.cc-window.cc-floating {
@apply p-8;
}
.cc-message,
.cc-btn {
font-size: 75% !important;
@screen sm {
font-size: 100% !important;
}
}
.cc-link {
font-size: 100% !important;
}
@@ -17,7 +17,6 @@
@import "components/badges";
@import "components/buttons";
@import "components/contact-bar";
@import "components/cookie-consent";
@import "components/calendar";
@import "components/datepicker";
@import "components/forms";
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode"/>
<f:cObject typoscriptObjectPath="lib.searchBarCollapsed"/>
<f:alias map="{searchbarCollapsed: 1}">
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render partial="HeaderSlider" arguments="{_all}"/>
<f:if condition="{data.tx_eptheme_hide_searchbar}">
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode" arguments="{viewContent: settings.facebookViewContentValues}"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render partial="EventHero" arguments="{_all}"/>
<f:render partial="EventDisturber" arguments="{headline: settings.eventDisturberHeadline, listItems: settings.eventDisturberListitems, buttonLabel: settings.eventDisturberButtonLabel, buttonLink: settings.eventDisturberButtonLink}"/>
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render section="Content"/>
<f:render partial="Footer" arguments="{_all}"/>
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render partial="HeaderSliderSmall" arguments="{_all}"/>
<f:if condition="{data.tx_eptheme_hide_searchbar}">
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render partial="HeaderSliderSmall" arguments="{_all}"/>
<f:if condition="{data.tx_eptheme_hide_searchbar}">
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode" arguments="{viewContent: settings.facebookViewContentValues}"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render partial="HeaderSliderSmall" arguments="{_all}"/>
<f:render section="Header" optional="true"/>
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render partial="HeaderSliderSmall" arguments="{_all}"/>
<f:if condition="{data.tx_eptheme_hide_searchbar}">
@@ -2,8 +2,6 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
<f:render partial="FacebookPixelCode" arguments="{viewContent: settings.facebookViewContentValues}"/>
<f:render partial="Mainnav" section="Main" arguments="{_all}"/>
<f:render partial="HeaderSliderSmall" arguments="{_all}"/>
<f:render section="Header" optional="true"/>