Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här addar du en Cookie Popup i WordPress för GDPR/CCPA

Visste du att din WordPress-webbplats kan placera cookies i dina besökares webbläsare? Olika bestämmelser, t.ex. EU:s dataskyddsförordning, kräver att webbplatser inhämtar användarens samtycke innan de placerar cookies på datorer.

Den goda nyheten är att du i WordPress enkelt kan ställa in cookie-samtycke med hjälp av olika plugins. Vi har testat flera verktyg och implementerat dem på våra egna webbplatser, och vi har kommit fram till att de bästa alternativen är Cookie Notice och Cookiebot.

I den här artikeln visar vi hur du addar en cookies popup i WordPress.

How to Add cookies popup in WordPress

Webbläsarcookies är små filer som innehåller data som skickas av en webbplats för att lagras i användarens webbläsare. De flesta WordPress-webbplatser sätter cookies för olika ändamål.

Till exempel använder WordPress som standard cookies för autentisering för att lagra sessionsinformation för inloggade användare. Det webbplatser också en cookie när någon lämnar en comment på din site.

Förutom dessa kan WordPress tillägg också ställa in sina egna cookies för att lagra olika information eller känna igen återkommande besökare.

You can learn how your site uses cookies by checking our guide on how to know if your WordPress website uses cookies.

Även om cookies är mycket användbara kan de också användas för att samla in information om en användare och dela den med tredjepartsannonseringsplattformar.

Därför är det i Europa och några andra länder obligatoriskt för ägare av websites att informera användarna om hur de använder cookies. If your website targets audiences in those regions, then you need to show a cookie consent disclaimer.

Cookie notice preview

Det enklaste sättet att göra det är med ett tillägg för GDPR i WordPress. Cookie Notice och CookieBot är två av de mest populära tilläggen för cookie notification och är kompatibla med många andra populära WordPress-tillägg.

Med detta sagt, låt oss ta en titt på hur du enkelt kan displayed en cookie samtycke popup i WordPress.

Metod 1: Add a Cookie Popup med Cookie Notice (enklast)

Först måste du installera och aktivera plugin-programmet Cookie Notice & Compliance for GDPR / CCPA. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Vid aktivering kommer pluginet att börja visa en grundläggande cookies-popup för dina besökare omedelbart utan någon ytterligare konfiguration. Standardmeddelandet är lämpligt för de flesta webbplatser.

Cookie notice default message

Om du gillar att customize aviseringen, måste du besöka Cookies menu item i din WordPress dashboard.

Därefter rullar du bara ner till Notice Settings section.

Edit cookie notice message

På den här page kan du customize popup-meddelandet och texten på knappen.

You can also add a link to your privacy policy page. Om du inte redan har skapat en sådan kan du följa vår guide om hur du skapar en page med integritetspolicy i WordPress.

Efter det kan du välja den sidan från dropdown-menyn Integritetspolicy.

Enable privacy policy link

WordPress cookie plugin ger också dina besökare alternativet att vägra och återkalla samtycke.

För att göra det klickar du bara på checkboxarna ”Refuse consent” och ”Revoke consent”. Standardinställningarna fungerar för de flesta websites.

Refuse consent settings

If you scroll down to the Notice Design section, then you can choose the position, animation, button style, and colors of your cookie consent popup.

Du kan också ange en klass för knappar för att add to custom CSS för din popup.

Edit design of notice

När du är slutförd klickar du på knappen ”Save Changes” kl. 14.00 för att spara dina inställningar.

You can now visit your website to see your cookie consent popup in action.

Cookie notice default message

Metod 2: Lägg till en Cookie Popup med Cookiebot (Feature-Rich)

En annan metod för att ställa in cookie popups är att använda Cookiebot plugin.

Även om det inte är lika enkelt att ställa in som Cookie Notice och inte fungerar om du inte registrerar dig för ett gratis CookieBot-konto, erbjuder det några ytterligare alternativ för customizer.

Först kan du installera och aktivera insticksprogrammet Cookiebot. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

När den är aktiverad läggs en ny CookieBot-sektion till i WordPress dashboard. Du måste navigera till CookieBot ” Settings i din WordPress dashboard för att konfigurera pluginet.

Om du inte redan har ett CookieBot ID:n måste du registrera dig för ett genom att clicka på knappen ”Create a new Account”.

Create a new Cookiebot account

Därefter öppnas CookieBot-webbplatsen i en ny tab i din webbläsare.

Gå vidare och enter din email address och password. Du måste också klicka på Användarvillkor, Integritetspolicy och DPA checkboxen.

Create a CookieBot account

När det är gjort kan du klicka på knappen ”Create Account”.

Därefter ser du Cookitbot-inställningar. Gå vidare och lägg till din website URL under Domain name fältet. I den gratis versionen kan du bara add to 1 domain name.

Add domain name to Cookiebot

Efter det måste du byta till tabben ”Your scripts”.

Härifrån kopierar du helt enkelt ”Domain Group ID:n”.

Copy domain group ID

Därefter kan du heada tillbaka till CookieBot-inställningarna i din WordPress dashboard.

Under tabben General Settings rullar du ner till sektionen Connect your Domain Group och enter ID:t i fältet Add your Domain Group ID.

Enter your domain group ID

När det är gjort, glöm inte att klicka på knappen ”Save Changes” högst upp.

Om du rullar ner ser du fler Settings. Till exempel låter pluginet dig välja ett språk. Som standard kommer det att vara inställt på ”Autodetect”, men du kan clicka på dropdown-menyn för att ändra det.

Du kan också välja Cookie-blockeringsläge. Vi rekommenderar att du använder ”Automatic cookie-blocking mode” eftersom pluginet kommer att blockera alla cookies utom de som är absolut nödvändiga tills en användare har gett samtycke.

Select language and cookie blocking settings

Du kanske gillar att kontrollera ’Auto-update CookieBot’ alternativ i Avancerade inställningar tabs.

På så sätt håller sig pluginet uppdaterat med eventuella ändringar i GDPR-lagstiftningen.

Automatic Cookiebot plugin update

För teständamål bör du också aktivera alternativet ”Render Cookiebot CMP on front end while logged in”.

Om du låter den vara inaktiverad kommer du inte att se popupen när du är inloggad på din WordPress site.

Enable Cookiebot for logged in users

När du är klar med inställningarna, glöm inte att klicka på knappen ”Save Changes” längst ner.

Customize din Cookie Popup Notice

Vi är inte slutförda ännu, men vi börjar närma oss. För att slutför konfigurera CookieBot måste du nu gå tillbaka till CookieBots website.

Därefter måste du navigera till tabben Banner på CookieBots website.

Customize Cookiebot banner

Här kan du välja en template samt editera popupens position och appearance.

Du kan se ändringarna genom att clicka på knappen Preview eller genom att återvända till din website.

Preview cookiebot popup changes

If you notice that the wording used in the popup does not matcha the reasons your website uses cookies, then you can change it.

Du hittar inställningarna för att göra detta genom att navigera till tabben Content på CookieBots website.

Edit content of cookie notice

You might also want to add a cookie declaration to your website’s privacy policy. Om du inte redan har skapat en sida med integritetspolicy kan du följa vår guide om hur du skapar en sida med integritetspolicy i WordPress.

Du måste börja med att navigera till tabben Deklaration på CookieBots website. Som standard använder cookie-deklarationen CookieBots standardformulering.

Declaration settings in Cookiebot

Om du behöver customize message för att din website använder cookies av en annan anledning, behöver du en premium CookieBot prenumeration.

Alternativt kan du bara skriva in din egen deklaration i din integritetspolicy, men då går du miste om funktioner som länkar där besökarna kan ändra eller återkalla sitt samtycke.

I den här tutorialen ska vi add to standard-deklarationen till vår Integritetspolicy. You just need to edit your privacy policy and insert the shortcode [cookie_declaration] where you want to display the cookie declaration.

Enter cookie declaration shortcode

För att se deklarationen måste du save och previewa the page.

Så här ser de första styckena ut på vår test-webbplats.

Privacy declaration

Bonus: Förbättra efterlevnaden av GDPR med MonsterInsights

MonsterInsights är den bästa analyslösningen för din site i WordPress. Det är också det enklaste sättet att förbättra efterlevnaden av GDPR och andra bestämmelser om integritet.

Det beror på att MonsterInsights erbjuder ett EU Compliance addon som fungerar direkt ur boxen. Det kommer automatiskt att ändra dina analysinställningar för att hjälpa dig att följa lagar om integritet.

The MonsterInsights Google Analytics plugin

EU Compliance Addon ingår i Premiumpaketet. Det bästa är att det automatiskt integreras med både Cookie Notice och Cookiebot.

Du kan läsa vår kompletta MonsterInsights review för mer detaljer.

Det första steget är att installera pluginet MonsterInsights och ansluta det till ditt Google Analytics account. För mer information, se vår guide om hur du installerar Google Analytics med hjälp av MonsterInsights.

När MonsterInsights är installerat och aktiverat måste du installera och aktivera EU Compliance addon.

Du kan göra det genom att navigera till Insights ” Addons page i WordPress dashboard. Därefter hittar du addon EU Compliance och klickar på knappen ”Install”.

MonsterInsights EU compliance addon

Addon aktiveras automatiskt.

You can check this by going to the MonsterInsights ” Settings page and switching to the ’Engagement’ tabs.

När du tittar på EU Compliance section ser du att addon har aktiverats.

View EU compliance settings

Om du klickar på nedåtpilen på höger sida av vyn kan du se en detaljerad lista över de konfigurationsändringar som addon har gjort på din website.

Du kan t.ex. se att IP-adresser automatiskt anonymiseras i Google Analytics, att demografiska data och intresserapporter inaktiveras, att spårning av användar-ID inaktiveras och mycket mer.

View EU compliance settings in MonsterInsights

Därefter kan du rulla ner för att se MonsterInsights kompatibilitet med olika cookie tillägg som Cookie Notice och CookieBot.

MonsterInsights kommer automatiskt att ändra spårningskoden i Google Analytics om något av insticksprogrammen är installerat på din webbplats. På så sätt väntar den på samtycke innan den spårar användare i Google Analytics.

Compliance plugin integration

Vi hoppas att den här artikeln hjälpte dig att lägga till en popup för cookie-samtycke på din WordPress-webbplats. Du kanske också vill se vår steg-för-steg-guide om hur du skapar en ja/nej-optin för WordPress och de bästa popup-pluginsen för WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

25 kommentarerLämna ett svar

  1. Ralph

    Thank God there are plugins for that. I wish we as a whole internet could get rid of all that cookies, gdpr and other things and replace it with one but only one thing. It is absurd when we visit new website and before we even see content we have to close so many pop-ups.

    • WPBeginner Support

      It may be annoying but the GDPR was set up with good intentions, hopefully there will be better implementations as time goes on.

      Administratör

  2. Chanel Burth

    Thank you for the article. Does this plugin give the option for people to accept or decline?

    • WPBeginner Support

      It does not as that would require it to interact with everything that sets a cookie and have the power to disable it which isn’t something a plugin would have easily.

      Administratör

  3. Elliot Jolesch

    This article was very helpful but I wonder if it’s a little out of date.

    The plugin that you recommended, GDPR Cookie Consent Banner, has not been tested for the latest version of WP and apparently hasn’t been updated in 11 months.

    Are you planning an update to this article?

  4. Stephanie

    Thank you this was really helpful. One thing done on the site in under 5 minutes. Amazing!

    • WPBeginner Support

      Glad our guide was helpful :)

      Administratör

  5. Declan Howard

    How do I make sure my website does not drop cookies into a visitor’s computer? I do not need to do this.

    • WPBeginner Support

      It would depend on what tools and plugins you are using on your site, you would want to reach out to those to see if they add any cookies or not.

      Administratör

  6. Deb Smith, Small Details

    We can ALWAYS count on WPBeginner to give us solid plugin recommendations. I’ve been a ”beginner” for over a decade haha!

    • WPBeginner Support

      Thank you, glad our articles have been helpful :)

      Administratör

  7. Farukh Hussain

    Hi,
    Thanks for sharing this useful post. However, many plugins make site loads slower. Can you please suggest some code to display this notification.

  8. Aurora

    Can you recommend a way to add a cookie consent without the use of a plugin? My site has too many plugins already.

  9. Sarah A

    Hi,
    Can you recommend a cookie consent for ’opt in’ that is suitable for the new GDPR law?

  10. Julia

    Hi,
    I’m trying to set up an e-commerce website and have to comply with EU law regarding the use of cookies. How can I find out which cookies my website is using?
    Thanks

  11. Samuel

    Hi,

    I’m looking for a pop up box that imitates the one on the gucci website as it is a square, do you know of any?

  12. kulbir singh kang

    hi me kulbir singh

    something problem in my website ,,,,,when i open to this ,,it is automatically redirect on another multi pal site ,,,,when i open second time it is working properly

    and if when i clear cache cookies of browser (problem in all browser) ,then i go to ,,,same problem display on system

    please visit on my website ,,,and please tell me ,,,, what is solution of this problem

    is this problem of cookies or not ,,,,

  13. Maninder Pal Singh

    Thank you wpbeginner. I was looking for something exactly like this. Light weight plugin with a simple notification for the cookie policy.
    Thanks.

  14. Muhammad Ishfaq

    Thanks the post, the plugin works perfectly on all of my websites including link to the policy page.

  15. Eva B

    It has a glitch. The link to the policy page goes to an error page. I double-checked my spelling and looked on their support forum. There I saw that others left the same request for a fix. No response from developer. This plugin still works for me, but without the link.

    • WPBeginner Support

      @Eva thank you for notifying us, we have tried to contact plugin author as well. It seems like the plugin author didn’t mean to add this functionality. Currently the plugin is only good for adding a simple notification without a link, which satisfies the requirement for the cookie law in most EU countries. However, there should be a link so that users can read privacy policy.

      Administratör

  16. Keith Davis

    Looks good guys and the developer says it is lightweight.
    I think I should be using this.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.