Cookie-Einwilligung in Webflow

Die folgende Anleitung zeigt Ihnen, wie Sie das PixelFlow-Skript in Framer mithilfe des kostenlosen Cookie-Einwilligungs-Plugins von Terms Feed laden:

https://www.termsfeed.com/cookie-consent/#

1. Gehen Sie zu https://www.termsfeed.com/cookie-consent/#

2. Wählen Sie Ihre Compliance-Einstellungen (höchstwahrscheinlich GDPR directive)

3. Wählen Sie einen Stil für das Banner aus

4. Fügen Sie im Abschnitt „Javascript Snippets“ das PixelFlow-Skript hinzu – es sieht wie folgt aus:

   <script>!(function(p,i,x,f,l,o,w){p["PixelFlowObject"]=f;p[f]=p[f]||function(){(p[f].q=p[f].q||[]).push(arguments);};p[f].l=1*new Date();o=i.createElement(x);w=i.getElementsByTagName(x)[0];o.src=l;o.async=1;p[f].apiKey="5f1567378cdfg46ccc7785006ba439acddc93";p[f].siteId="68ieiui9db6393302c3";p[f].apiEndpoint="https://api.pixelflow.so/event";w.parentNode.insertBefore(o,w);})(window,document,"script","pixelFlow","https://slrgkgulru.pixelflow.so/pfm.js");</script>

   Sie finden Ihr Skript jederzeit, indem Sie zu Ihrer Übersichtsseite gehen und im Abschnitt „Sites“ auf die Schaltfläche zum Kopieren des Codes klicken.

5. Geben Sie einen Namen dafür ein, z. B. Facebook Ads

6. Wählen Sie „targeting and advertising“ als Typ aus

7. Klicken Sie auf die Schaltfläche „Add this script“.

8. Klicken Sie auf den Abschnitt „Copy your Cookie Consent Code“ und kopieren Sie den bereitgestellten Codeausschnitt. Er sieht wie folgt aus (verwenden Sie diesen nicht, sondern ersetzen Sie ihn durch Ihren eigenen):

   <!-- Cookie Consent by TermsFeed https://www.TermsFeed.com -->
   <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
   <script type="text/javascript" charset="UTF-8">
   document.addEventListener('DOMContentLoaded', function () {
   cookieconsent.run({"notice_banner_type":"headline","consent_type":"express","palette":"dark","language":"en","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"page_refresh_confirmation_buttons":false});
   });
   </script>
   
   <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed Generator</a></noscript>
   <!-- End Cookie Consent by TermsFeed https://www.TermsFeed.com -->
   
   
   
   
   
   <!-- Below is the link that users can use to open Preferences Center to change their preferences. Do not modify the ID parameter. Place it where appropriate, style it as needed. -->
   
   <a href="#" id="open_preferences_center">Update cookies preferences</a>

9. Klicken Sie auf die Schaltfläche „Copy“.

10. Fügen Sie den Ausschnitt in den Header-Bereich von Webflow ein und klicken Sie auf Save.

11. Veröffentlichen Sie Ihre Webflow-Website.