webflowのセットアップEUクッキーバー

ねえ、どのように簡単に設定することができます参照してください無料のEUクッキーバー🍪 あなたのWebflow ウェブサイト.

If you don't know Webflow, It's a modern website visual builder. I mainly use it to build the marketing website for SaaS product.

cookieconsend

素晴らしいオープンソースプロジェクトを使用しますCookieconsent そばOSANO .
クッキーバーを取得する簡単な視覚的な方法は、ウィザードを使用することです.
移動するhttps://www.osano.com/cookieconsent/download/ そして、オープンソース版列の上でスタートコード化をクリックしてください.

あなたが望むようにウィジェットを微調整することができます✨
それは我々のWebFlowの設定(右側)にコピーするコードを生成します.

webflowの設定

あなたのWebflow Dashboard あなたのウェブサイトの設定を開きます.

タブをクリックします.CookieConsendウィザードからヘッドコードをWebFlowと他の部分のヘッドコードブロックにフッターコードブロックにコピーします.ボタンを変更することを忘れないでください.

以下に例を示します:

ヘッドコード

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />

フッターコード

<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
<script>
window.addEventListener("load", function () {
    window.cookieconsent.initialise({
        "palette": {
            "popup": {
                "background": "#00947C"
            },
            "button": {
                "background": "#fff",
                "text": "#00947C"
            }
        },
        "theme": "classic",
        "position": "bottom-left",
        "content": {
            "message": "Nous utilisons des cookies pour améliorer votre expérience de navigation.",
            "dismiss": "J'ai compris",
            "deny": "Refuser",
            "link": "En savoir plus"
        }
    })
});
</script>

⚠️ 注:あなたのサイトにカスタムコードを追加できるようにする有料サイトプランが必要です

出版と寒さ😎

ちょうどあなたのサイトの公開ボタンを押すと、ウェブ上であなたのEUのクッキーバーを持っている必要があります🎉

それはすべての人々です、それはかなり簡単で基本的ですが、あなたがあなたのウェブサイトで使っているクッキーについて知らせる現在のEUニーズをカバーします.
高度な使用法については、the JavaScript API for Cookie consent documentation.
読んでいただきありがとうございますし、コメントで何かを自由に感じる!🚀