Kom igång

Introduktion till TermsFeed Cookie Consent

Vad är TermsFeed Cookie Consent?

TermsFeed Free Cookie Consent (senaste versionen 4.2) är en gratis, öppen källkodsbaserad lösning för hantering av cookies som hjälper webbplatser att följa EU:s cookiedirektiv, GDPR och e-integritetsdirektivet.

TermsFeed Free Cookie Consent erbjuder en anpassningsbar informationsbanner och ett inställningscenter som gör det möjligt för användare att styra vilka cookies och skript som körs på din webbplats.

Viktiga funktioner i TermsFeed Cookie Consent

• 100 % gratis. Inga dolda kostnader eller premiumnivåer.
• Uppfyller GDPR och e-integritetsdirektivet. Utvecklat för att uppfylla EU:s integritetskrav.
• Stöd för Google Consent Mode V2. Integreras sömlöst med Googles samtyckeskrav.
• Microsoft UET Consent Mode. Kompatibelt med Microsoft Advertising-standarder för samtycke.
• Blockering av skript. Förhindrar att skript laddas tills samtycke har givits.
• Anpassningsbar design. Välj mellan flera olika bannertyper och färgpaletter; ytterligare anpassad CSS kan tillämpas.
• Stöd för flera språk. Finns på flera språk.
• Återkopplingar tillgängliga. Omfattande API för anpassade integrationer.

Vem behöver en lösning för samtycke till cookies

Du behöver en lösning för samtycke till cookies om:

• Du använder Google Analytics eller liknande analys- eller spårningsverktyg
• Du har inbäddade widgets för sociala medier
• Du använder annonspixlar (Facebook, LinkedIn, etc.)
• Din webbplats lagrar eller hämtar andra cookies än de som är absolut nödvändiga (dvs. inloggning, autentisering)
• Du har besökare från EU/EES-regionen

Så här fungerar det

1. Banner: När användare besöker din webbplats för första gången visas en banner för samtycke till cookies.
2. Användarval: Användare kan acceptera alla, avvisa alla eller anpassa sina inställningar.
3. Skript hantering: Baserat på användarens samtycke laddas eller blockeras taggade skript.
4. Lagring av inställningar: Användarinställningarna sparas i en cookie för framtida besök.
5. Inställningscenter: Användare kan ändra sina inställningar när som helst.

Samtyckestyper

TermsFeed Cookie Consent stöder två samtyckeslägen:

Underförstått samtycke Alla skript laddas omedelbart när sidan laddas. Samtycke antas genom fortsatt surfning. Mindre förenligt med GDPR. Använd endast för målgrupper utanför EU.
Uttryckligt samtycke (rekommenderas) Skript blockeras tills användarna uttryckligen godkänner dem. Endast ”absolut nödvändiga” skript laddas som standard. GDPR-kompatibel metod. Kräver aktivt samtycke från användaren.

Kak-kategorier

Skript är indelade i fyra kategorier:

1. Absolut nödvändiga. Väsentliga för webbplatsens funktionalitet (alltid tillåtna).
2. Funktionalitet. Förbättrar användarupplevelsen (t.ex. språkinställningar).
3. Spårning. Analys och prestandamätning (t.ex. Google Analytics).
4. Inriktning. Marknadsföring och annonsering (t.ex. Facebook Pixel).

Snabbstartsguide

Få igång TermsFeed Cookie Consent på din webbplats i 5 enkla steg.

Steg 1: Ladda TermsFeed Cookie Consent

Lägg till JavaScript-filen för Cookie Consent på din webbplats.

<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>

Steg 2: Lägg till konfigurationskoden

Lägg till konfigurationsskriptet direkt efter Cookie Consent-skriptet:

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    cookieconsent.run({
        "notice_banner_type": "headline",
        "consent_type": "express",
        "palette": "light",
        "language": "en",
        "website_name": "Your Website Name",
        "website_privacy_policy_url": "https://yourwebsite.com/privacy",
        "open_preferences_center_selector": "#changePreferences",
        "page_load_consent_levels": ["strictly-necessary"]
    });
});
</script>

Steg 3: Lägg till kreditraden (obligatoriskt)

Inkludera noscript-kredittaggen (krävs enligt vår licens):

<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>

Steg 4: Lägg till knappen Ändra dina inställningar

Skapa en knapp eller länk som användarna kan klicka på för att ändra sina inställningar:

<button id="changePreferences">Change Cookie Preferences</button>

ID:t måste stämma överens med open_preferences_center_selector i din konfiguration.

Steg 5: Tagga dina tredjepartsleverantörers skript

Ändra befintliga skript så att de respekterar användarnas samtycke genom att:

1. Ändra type="text/javascript" till type="text/plain"
2. Lägga till attributet data-cookie-consent="CATEGORY"

Exempel: Google Analytics

Före:

<script type="text/javascript">
  // Google Analytics code
</script>

Efter:

<script type="text/plain" data-cookie-consent="tracking">
  // Google Analytics code
</script>

Komplett exempel

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <!-- Page content here -->

    <!-- Cookie Consent by TermsFeed -->
    <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">
    document.addEventListener('DOMContentLoaded', function () {
        cookieconsent.run({
            "notice_banner_type": "headline",
            "consent_type": "express",
            "palette": "light",
            "language": "en",
            "website_name": "My Website",
            "website_privacy_policy_url": "https://mywebsite.com/privacy",
            "open_preferences_center_selector": "#changePreferences",
            "page_load_consent_levels": ["strictly-necessary"]
        });
    });
    </script>
    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
    <!-- End Cookie Consent -->

    <!-- Button to change preferences -->
    <button id="changePreferences">Cookie Settings</button>

    <!-- Tagged Google Analytics -->
    <script type="text/plain" data-cookie-consent="tracking">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    </script>

</body>
</html>

Testa din implementering

1. Rensa webbläsarens cookies för din webbplats.
2. Ladda om sidan. Du bör nu se samtyckesbannern.
3. Kontrollera om det finns några fel i webbläsarens utvecklarkonsol.
4. Testa funktionen för att blockera skript:
   1. Innan du godkänner: Taggade skript ska INTE laddas
   2. Efter att du har godkänt: Taggade skript ska laddas
5. Testa knappen Ändra dina inställningar: Klicka på knappen för att kontrollera att den öppnar inställningscentret.

Vanliga misstag vid implementering av TermsFeed Cookie Consent

• Glömmer att ändra skripttypen till text/plain
• Att utelämna attributet data-cookie-consent
• Att inte inkludera page_load_consent_levels med endast "strictly-necessary"
• Knapp-ID stämmer inte överens med open_preferences_center_selector
• Borttagning av den obligatoriska noscript-taggen för krediter