Usercentrics in TYPO3 integrieren
Zur Integration hat sich folgendes TypoScript bewährt:
# Usercentrics
# <custom-usercentrics-id> ersetzen
page {
headerData {
1 = TEXT
1.value (
<link rel="preconnect" href="//app.eu.usercentrics.eu">
<link rel="preconnect" href="//api.eu.usercentrics.eu">
<link rel="preconnect" href="//sdp.eu.usercentrics.eu">
<link rel="preload" href="//app.eu.usercentrics.eu/browser-ui/latest/loader.js" as="script">
<link rel="preload" href="//sdp.eu.usercentrics.eu/latest/uc-block.bundle.js" as="script">
<script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="<custom-usercentrics-id>" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script>
<script type="application/javascript" src="https://sdp.eu.usercentrics.eu/latest/uc-block.bundle.js"></script>
)
}
}Auf der Impressum- und Datenschutzseite:
# Usercentrics: Popup deaktivieren
page.headerData.2 = TEXT
page.headerData.2.value = <script type="application/javascript"> var UC_UI_SUPPRESS_CMP_DISPLAY=true;</script>Im Footer folgenden Link integrieren:
<a href="javascript:UC_UI.showSecondLayer();">Cookie-Einstellungen</a>
z.B:
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:if condition="{metanavigation}">
<ul id="meta_menu" class="meta-menu">
<li><a href="javascript:UC_UI.showSecondLayer();">Cookies</a></li>
<f:for each="{metanavigation}" as="item" iteration="metaiteration">
<li{f:if(condition: item.active, then:' class="active"')}>
<a href="{item.link}"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}">
<span>{item.title}</span>
</a>
</li>
</f:for>
</ul>
</f:if>
</html>