Hur lägger jag till Termlys samtyckesbanner på min hemsida i Hemsideprogrammet?

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-video om hur du använder Termlys instrumentpanel och lägger till samtyckesbannern på din Hemsideprogram-sida: se den på YouTube.

• Innan du börjar
• Steg 1 - Inaktivera samtyckesbannern i Hemsideprogrammets instrumentpanel
• Steg 2 - Logga in på Termlys instrumentpanel
• Steg 3 - Skanna din hemsida efter cookies
• Steg 4 - Anpassa din Samtyckesbanner
• Steg 5 - Kopiera Samtyckesbannerns HTML-kod
• Steg 6 - Välj Kod-komponenten i Hemsideprogrammet
• Steg 7 - Bädda in Samtyckesbannerns kod på din hemsida
• Steg 8 - Ändra inställningarna för Kod-komponenten
• Steg 9 - Bädda in preferenscenterkoden på din hemsida
• Steg 10 - Justera placeringen och stilen på din preferenscenterlänk
• Steg 11 - Spara och publicera din hemsida

Innan du börjar

För att lägga till den uppgraderade samtyckesbannern på din hemsida i Hemsideprogrammet behöver du ett Termly-abonnemang samt tillgång till Kod-komponenten i Hemsideprogrammet. Kod-komponenten ingår i Hemsideprogrammets Premium- och Hemsideprogram E-handel-paket. 

Steg 1 - Inaktivera samtyckesbannern i Hemsideprogrammets instrumentpanel

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 din Hemsideprogrammets instrumentpanel från Kontrollpanelen på one.com.
2. Klicka på Hemsideinställningar och välj Samtyckesbanner i menyn till vänster.
3. Kontrollera att samtyckesbannern inte är aktiverad - reglaget ska vara grått. Om samtyckesbannern är aktiv, inaktivera den genom att klicka på reglaget.
4. Publicera din hemsida.

Steg 2 - Logga in på Termlys instrumentpanel

1. Logga in på Kontrollpanelen på one.com och klicka på Termly under Avancerade inställningar.

   

2. Klicka på den blå knappen Gå till Termly. Om du inte har ett Termly-abonnemang ännu kan du köpa det 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 - Skanna din hemsida efter cookies

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 Hemsideprogrammets redigerare.
2. Klicka på Mer i menyn till vänster och välj Kod.

Steg 7 - Bädda in Samtyckesbannerns kod på din hemsida

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 preferenscenterkoden på din hemsida

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;">Consent Preferences</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;">Consent Preferences</a>

Steg 11 - Spara och publicera din hemsida

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

För att kolla att din samtyckesbanner funkar, öppna din hemsida i inkognitoläge. Om du inte ser samtyckesbannern, testa att rensa dina cookies och kolla att du har gjort alla stegen ovan.

Relaterade artiklar:

• Kom igång med Termly
• Behöver jag en samtyckesbanner på min hemsida?