Hur lägger jag till Termlys samtyckesbanner på min webbplats som skapats med Website Builder?

Med tillägget Termly kan du uppgradera din samtyckesbanner för att anpassa dess inställningar och utseende. Du får dessutom tillgång till många användbara funktioner som kan hjälpa din hemsida att följa integritetslagar.

Nedan går vi igenom hur du lägger till den uppgraderade samtyckesbannern på din hemsida i Hemsideprogrammet med kod-komponenten.

Vill du se en video istället?
Vi har en steg-för-steg-videoguide som visar hur du använder Termly-instrumentpanelen och lägger till samtyckesbannern på din webbplats i Website Builder: watch på YouTube.

• Innan du börjar
• Steg 1 – Inaktivera samtyckesbannern i kontrollpanelen för Website Builder
• Steg 2 – Logga in på Termlys kontrollpanel
• Steg 3 – Sök efter cookies på din webbplats
• Steg 4 – Anpassa din samtyckesbanner
• Steg 5 – Kopiera HTML-koden för samtyckesbannern
• Steg 6 – Välj kodkomponenten i Website Builder
• Steg 7 – Bädda in koden för samtyckesbannern på din webbplats
• Steg 8 – Ändra inställningarna för kodkomponenten
• Steg 9 – Bädda in koden för inställningscentret på din webbplats
• Steg 10 – Justera placeringen och utseendet på länken till inställningscentret efter dina önskemål
• Steg 11 – Spara och publicera din webbplats

Innan du börjar

För att lägga till den uppdaterade samtyckesbannern på din Website Builder-webbplats behöver du ett abonnemang hrefhttps://www.one.com/en/website-security/termlyhrefTermly samt åtkomst till Website Builders kodkomponent. Kodkomponenten ingår i Website Builders abonnemangspaket Premium och Business + E-commerce. 

Steg 1 – Inaktivera samtyckesbannern i kontrollpanelen för Website Builder

Om du redan använder Hemsideprogrammet Basics samtyckesbanner (som också tillhandahålls av Termly) behöver du inaktivera den innan du bäddar in den uppgraderade samtyckesbannern på din hemsida.

1. Öppna kontrollpanelen för webbplatsbyggaren från kontrollpanelen hrefpåhref hrefhttps://login.one.com/cp/hrefone.com.
2. Klicka på Inställningar i huvudnavigationsfältet och välj Samtyckesbanner i menyn till vänster.
3. Se till att samtyckesrutan inte är aktiverad – reglaget ska vara grått. Om samtyckesrutan är aktiv, inaktivera den genom att klicka på reglaget.
4. Publicera din webbplats.

Steg 2 - Logga in på Termlys instrumentpanel

1. Logga in på one.com:s kontrollpanel och klicka på Samtycke och efterlevnad under Säkerhet och efterlevnad.

   

2. Klicka på den blå knappen Gå till Termly. Om du inte har ett Termly-abonnemang ännu kan du köpa den på den här sidan.

   

3. Ange din e-postadress och ditt Termly-lösenord. Klicka på knappen Logga in för att logga in på Termlys instrumentpanel.

Steg 3 – Sök efter cookies på din webbplats

1. I Termlys instrumentpanel klickar du på Samtyckeshantering > Cookies i menyn till vänster.
2. Klicka på Skanna nu.

Steg 4 - Anpassa din Samtyckesbanner

1. I menyn till vänster klickar du på Samtyckeshantering > Samtyckesbanner. På den här sidan kan du justera inställningarna och utseendet för din banner.
2. När du är klar klickar du på Spara längst ned på sidan.

För mer information om anpassningsalternativen, se vår guide.

Steg 5 - Kopiera Samtyckesbannerns HTML-kod

1. På sidan Samtyckesbanner klickar du på Installera-knappen högst upp.
2. I popup-fönstret som öppnas kan du se status för cookie-skanningen och nästa steg för att installera bannern. Klicka på Bädda in under Steg 2.
3. I nästa fönster klickar du på Enkel HTML.
4. Du kan nu se skriptet som ska läggas till i Hemsideprogrammets kodkomponent. Du kan också välja om du vill aktivera funktionen Auto Blocker. Kopiera koden genom att klicka på Kopiera till urklipp.

Steg 6 - Välj Kod-komponenten i Hemsideprogrammet

1. Gå till redigeraren i din webbplatsbyggare.
2. Klicka på Mer i menyn till vänster och välj Kod.

Steg 7 – Bädda in koden för samtyckesbannern på din webbplats

1. I popup-fönstret väljer du Innan stängning </head> som Placering av Kod.
2. Klistra in skriptet för samtyckesbannern i fältet och klicka på Spara.

Steg 8 - Ändra inställningarna för Kod-komponenten

1. Du kan nu se kodkomponenten högst upp på din sida i redigeraren. Klicka på den för att öppna dess inställningar.
2. I kodkomponentens inställningar klickar du på Placering och markerar kryssrutan Använd på alla sidor, så att samtyckesbannern kan visas på alla sidor på din hemsida.

Steg 9 – Bädda in koden för inställningscentret på din webbplats

Utöver samtyckesbannern rekommenderar vi att du lägger till en länk till Preferenscentret på din hemsida. Genom att klicka på den kan dina besökare ändra sina cookieinställningar.

1. I Hemsideprogrammets redigerare skapar du en annan kodkomponent genom att klicka på Mer och sedan Kod i menyn till vänster.

2. I popup-fönstret väljer du Normal som placering av kod.

3. Kopiera och klistra in följande kod i fältet och klicka på Spara:

<a href="#" class="termly-display-preferences" style="color:#000000;">Inställningar för samtycke</a>

Steg 10 - Justera placeringen och stilen på din preferenscenterlänk

1. Dra kodkomponenten för preferenscentret till där du vill placera länken på din hemsida. Vi rekommenderar att du placerar den i sidfoten, eftersom den då kommer att vara synlig på alla sidor.

2. Du kan ändra länkens utseende genom att justera dess kod med CSS-stilar. Klicka på kodkomponenten, välj Redigera kod och lägg till de CSS-stilar du vill ha.
   I exemplet nedan har vi angett länkens färg som svart och tagit bort understrykningen:

<a href="#" class="termly-display-preferences" style="color:#000000; text-decoration: none;">Inställningar för samtycke</a>

Steg 11 - Spara och publicera din hemsida

Spara och publicera din hemsida för att göra ändringarna synliga online.

För att kontrollera att din samtyckesbanner fungerar, öppna din webbplats i inkognitoläge. Om du inte ser samtyckesbannern kan du prova att rensa dina cookies och kontrollera att du har följt alla steg ovan.

Relaterade artiklar:

• Getting startade med Termly
• Behöver jag en samtyckesbanner på min hemsida?