Sourcepoint CMP / Entfernen von Google Fonts
Allgemein
Im Sourcepoint User Interface können sowohl Standard-System-Schriftarten (z.B. Arial), als auch via CSS eingebundene individuelle Schriftarten (z.B. wie die Schriftart “Roboto” von Google Fonts) zum Einsatz kommen. Vorteil dieser individuellen Schriftart ist die Gewährleistung einer einheitlichen Darstellung auf allen Systemen.
Google Fonts setzt keine Cookies. Da aber durch den Abruf der Google Fonts von Google Servern personenbezogene Daten in unsichere Drittländer, wie z.B. USA, übermittelt werden, sind Garantien nach Art. 46 DSGVO erforderlich. Wenn diese Schriftart vom Browser des Webseitenbesuchers angefordert wird, wird dessen IP-Adresse von Google erfasst und kann ggf. für weitere Zwecke (z.B. Analysezwecke) verwendet werden. Ebenso können möglicherweise Behörden in den o.g. Ländern auf die personenbezogenen Daten zugreifen.
Sobald im Quellcode/CSS der CMP diese Schriftart hinterlegt ist, wird Google Fonts geladen, und das VOR der Einwilligung eines Nutzers. Die Einbindung von Google Fonts bedarf einer Rechtsgrundlage, bevor die Schriftarten geladen werden UND es müssen zusätzlich geeignete Garantien wie o.g. vorliegen. Dies ist in der Regel nicht der Fall.
Wir empfehlen auf eine Standard-Schriftart zu wechseln, und Google Fonts aus den CMP Layern zu entfernen.
Die Entfernung von Google Fonts sorgt zudem für positive Effekte beim Cumulative Layout Shift (CLS). Wir möchten zusätzlich darauf hinweisen, dass durch die Anpassung an der CMP kein Re-Consent stattfinden wird.
1) Entfernen von Google Fonts im Sourcepoint User Interface
Sofern im CSS Ihrer Message (First Layer / Privacy Manager) Schriftarten von Google Fonts Schriftart verbaut sind, können Sie diese schnell und einfach entfernen und durch eine Standard Schriftart ersetzen.
Schritt 1:
Klicken Sie in der Navigation auf die Schaltfläche “Properties” und wählen Ihre entsprechende Property aus, die Sie bearbeiten wollen:
Klicken Sie oben im Menü auf die Schaltfläche “Messages >> GDPR Messages >> Web / Webview (TCF)
Schritt 2:
In der Message Übersicht können Sie nun via Klick die Message auswählen, die Sie bearbeiten möchten.
Schritt 3:
Sie befinden sich nun im Sourcepoint Message Builder und können mit Klick auf die Schaltfläche “Custom CSS” oben in der Navigation den CSS-Bereich öffnen:
Die Schriftarten von Google Fonts befinden sich in der Regel ganz oben im direkt sichtbaren Bereich.
Sie können aber auch mit “Strg” und “F” nach der direkten URL suchen, z. B. https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
Schritt 4:
Löschen Sie als nächstes alle Absätze für das font-face mit der Google Font Schriftart (im obigen Beispiel Z. 1-24).
Schritt 5:
Suchen Sie als nächstes mit “Strg” und “F” nach “Roboto”:
…und tauschen Sie das Wort “Roboto” überall durch “Arial” aus:
Schritt 5:
Im Anschluss via der Schaltfläche “Save Message” oben links in der Navigation alles abspeichern und unbedingt die Public Campaign neu starten.
2) Überprüfung des Einsatzes von Google Fonts direkt auf der Webseite
Sie können auch direkt auf Ihrer Website überprüfen, ob Google Fonts in Ihrem CMP Banner zum Einsatz kommt.
Schritt 1:
Rufen Sie dafür zunächst Ihre Website auf und öffnen Sie mit Rechtsklick und “Inspizieren” / “Inspect” die Webkonsole.
Schritt 2:
Gehen Sie in der Konsole in den Reiter “Netzwerkanalyse” (bzw. “Network”), laden Sie die Seite erneut und suchen Sie anschließend im Suchfeld nach dem Wort “Native”
Schritt 3:
Wählen Sie das Suchergebnis aus, in welchem in der Spalte “Initiatior” “wrapperMessaging” (bzw. in der Spalte “Typ” “json”) steht. Daraufhin öffnet sich daneben ein weiteres Fenster. Gehen Sie dort in den Reiter “Antwort” (bzw. “Preview”).
Schritt 4:
Suchen Sie dort nach Ihrem Message Name. Wenn darunter ebenfalls die URL von Google Fonts (z. B. https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) steht, setzen Sie in Ihrem CMP Banner die Schriftart von Google Fonts ein: