Cum să adăugați un banner cookie pe site-ul dvs. web: nu este necesar cod (cu șabloane!)

Publicat: 2018-10-02

Probabil că ați observat cum pare că fiecare site pe care îl vizitați în zilele noastre include unele notificări despre utilizarea cookie-urilor. Acum s-ar putea să vă întrebați ... site-ul meu are nevoie de una dintre aceste notificări de consimțământ pentru cookie-uri? Și dacă da, cum pot crea de fapt un banner cookie pentru site-ul meu?

Răspunsul la prima întrebare este „probabil”. Și în ceea ce privește a doua întrebare, despre asta este vorba despre această postare!

În restul acestei postări, veți primi o descriere rapidă dacă site-ul dvs. are nevoie sau nu de un banner de consimțământ pentru cookie-uri. Apoi, vă vom împărtăși un tutorial pas cu pas despre modul în care puteți utiliza Getsitecontrol pentru a crea un banner de consimțământ pentru cookie pentru site-ul dvs., fără a fi nevoie să aveți cunoștințe speciale.


Șablon de banner de consimțământ pentru cookie-uri alimentat de Getsitecontrol Vedeți previzualizarea live →

Ce tip de site-uri web au nevoie oricum de un banner cookie?

Dacă site-ul dvs. web primește vizitatori din Uniunea Europeană, probabil că aveți nevoie de un banner de consimțământ pentru cookie-uri dacă doriți să rămâneți în partea bună a reglementărilor Uniunii Europene.

Adoptate inițial în 2011 și extinse cu GDPR în 2018, normele Uniunii Europene cu privire la cookie-uri necesită în esență să obțineți „consimțământ clar și informat” de la vizitatori pentru a utiliza cookie-uri care urmăresc datele utilizatorilor.

Din punct de vedere tehnic, nu fiecare site web, dar cu popularitatea instrumentelor precum Google Analytics, Facebook Pixel, butoanele de partajare a rețelelor sociale și altele, există șanse destul de mari ca site-ul dvs. web să utilizeze cel puțin unele cookie-uri de urmărire.

Deci, în practică , majoritatea site-urilor care primesc vizitatori din Uniunea Europeană au nevoie de un banner de consimțământ pentru cookie-uri. Și în această lume globală, aceasta este majoritatea site-urilor - perioadă.

Scurtă poveste ... probabil că aveți nevoie de un banner de consimțământ pentru cookie dacă doriți să respectați reglementările Uniunii Europene!

Iată ce trebuie să includeți în notificarea de consimțământ a cookie-urilor

Scopul unui banner cookie este de a obține consimțământul informat pentru a utiliza cookie-urile înainte ca vizitatorii să înceapă să utilizeze site-ul dvs.

Deci, trebuie să:

  • Afișați bannerul de consimțământ al cookie-urilor imediat după prima vizită a unui utilizator.
  • Primiți consimțământul informat de la vizitatori pentru a utiliza cookie-uri. De obicei, acest lucru se face prin conectarea la politica dvs. de confidențialitate / cookie, precum și printr-un buton care indică consimțământul.

Trei exemple grozave de bannere cookie în acțiune (veți învăța cum să recreați toate acestea!)

Ok, deci aveți nevoie de un banner cookie. Acum - unde o pui?

Puteți plasa bannerul dvs. cookie oriunde doriți, atâta timp cât este suficient de vizibil pentru a atrage atenția cititorilor și a obține consimțământul informat.

Să începem cu câteva exemple și apoi vă vom arăta cum puteți duplica oricare dintre aceste exemple pe propriul site fără a fi nevoie să scrieți o singură linie de cod.

1. Bannerul de consimțământ al cookie-ului din bara de jos

Vinyl Factory folosește o bară de fund minimalistă pentru consimțământul cookie-urilor:

Vinyl Factory folosește un banner inferior pentru a afișa mesajul de consimțământ al cookie-urilor

2. Bannerul de consimțământ al cookie-ului din bara de sus

ASI, Advertising Specialty Institute schimbă lucrurile mutând banner-ul cookie în partea de sus a paginii:

ASI și-a plasat bannerul cookie în partea de sus a unei pagini

3. Bannerul de consimțământ al cookie-urilor slide-in

INUSUAL optează pentru afișarea bannerului de consimțământ al cookie-urilor ca un slide-in în colțul din stânga jos (puteți la fel de ușor să schimbați acest lucru în dreapta):

INUSUAL folosește un slide-in pentru a afișa banner-ul lor cookie

Adăugați aceste bannere cookie în câteva clicuri

Dacă vă place oricare dintre aceste exemple, le puteți adăuga direct pe site-ul dvs. web în câteva minute. Consultați galeria de bannere de consimțământ pentru cookie-uri de mai jos și faceți clic pe butoanele „Vedeți previzualizarea live” pentru a le vedea în acțiune. Apoi selectați-l pe cel pe care doriți să îl plasați pe site-ul dvs. web și în timp ce vă aflați în modul de previzualizare live, urmați instrucțiuni pas cu pas scurte.

Bară plutitoare

Șablon de banner de politică cookie - bara de fund plutitoare Vedeți previzualizarea live →

Bar minimalist

șablon banner - bara de fund plutitoare Vedeți previzualizarea live →

Bara lipicioasa

Șablon de mesaj de consimțământ pentru cookie - bara lipicioasă Vedeți previzualizarea live →

Prezentare minimalistă

Slide-in cu un mesaj de consimțământ pentru cookie-uri Vedeți previzualizarea live →

Slide-in cu imagine

Șablon banner cookie. slide-in cu imagine Vedeți previzualizarea live →

Doriți să vă construiți propriul banner? Puteți face și asta. Urmați ghidul pas cu pas pentru a crea un banner cookie de mai jos.

Cum să creați propriul banner cookie fără a scrie o singură linie de cod

Acum, pentru partea distractivă - cum puteți crea un banner de consimțământ pentru cookie-uri, cum ar fi acele exemple pentru propriul dvs. site web .

Toate cele patru șabloane de mai sus sunt alimentate de Getsitecontrol, care este un instrument care vă permite să adăugați mai multe ferestre pop-up pe site-ul dvs. web. Widgeturile pot fi butoane de contact flotante, ferestre pop-up de e-mail, formulare de feedback online sau ... ați ghicit - bannere de consimțământ pentru cookie - uri .

Folosind o interfață simplă, veți putea personaliza banner-ul cookie-urilor:

  • Plasament
    Inclusiv toate exemplele de mai sus, plus multe altele
  • Text
    Inclusiv o opțiune de conectare la politica dvs. de confidențialitate
  • Buton
    Atât textul, cât și culoarea butonului
  • Culori
    Pentru a se potrivi cu designul site-ului dvs.

Și include, de asemenea, un mod special de receptivitate, care asigură faptul că notificarea de consimțământ a cookie-urilor funcționează excelent și pentru vizitatorii de pe dispozitive mobile. Iată cum să utilizați Getsitecontrol pentru a crea o notificare de consimțământ pentru cookie-uri ...

Pasul 1: Adăugați Getsitecontrol pe site-ul dvs. web

În timp ce veți face cea mai mare parte a lucrului în interfața web Getsitecontrol, va trebui mai întâi să adăugați Getsitecontrol pe site-ul dvs. web, astfel încât să puteți afișa efectiv banner-ul dvs. de consimțământ pentru cookie-uri odată ce îl publicați.

Pentru a face acest lucru, va trebui să creați un cont Getsitecontrol. Apoi, va trebui să adăugați fragmentul de cod Getsitecontrol pe site-ul dvs. Dacă utilizați WordPress, cel mai simplu mod de a adăuga fragmentul este prin pluginul oficial Getsitecontrol. Se va ocupa de integrare pentru dvs. Pentru alte site-uri, va trebui să adăugați manual codul înainte de eticheta de închidere </body> pe site-ul dvs.

Dacă nu sunteți sigur cum să faceți acest lucru, documentația Getsitecontrol conține tutoriale detaliate pentru cele mai populare platforme, inclusiv:

  • Shopify
  • Joomla
  • Spațiu pătrat

Odată ce ați terminat procesul, puteți utiliza fișierul Butonul Instalați codul în tabloul de bord Getsitecontrol pentru a verifica dacă codul funcționează:

Codul de instalare Getsitecontrol

Acum, sunteți gata să vă creați notificarea de consimțământ efectivă a cookie-urilor!

Pasul 2: Selectați un șablon din galerie

Cel mai rapid mod de a adăuga o notificare de consimțământ pentru cookie pe site-ul dvs. web este să începeți cu un șablon. Conectați-vă la tabloul de bord Getsitecontrol și faceți clic pe + Creați un widget din tabloul de bord Getsitecontrol și apoi treceți la Galeria de șabloane .

galerie de șabloane de bannere cookie

Observați că șabloanele de banner cookie din galerie includ deja un text generic, totuși, rețineți că veți putea modifica atât copierea, cât și proiectarea, dacă doriți.

Când sunteți gata, selectați șablonul care vă place și urmați instrucțiunile din partea dreaptă pentru al adăuga la tabloul de bord Getsitecontrol.

Pasul 3: Schimbați tema culorilor (opțional)

Șabloanele sunt disponibile în două teme de culoare implicite: alb și negru. Cu toate acestea, dacă doriți ca culorile bannerului dvs. de consimțământ să se potrivească cu restul site-ului dvs., puteți face acest lucru folosind setările Teme. Getsitecontrol vă permite să setați culorile pentru:

  • fundal
  • Buton
  • Text regulat
  • Textul butonului

Getsitecontrol vă permite să modificați tema culorii bannerului cookie

De asemenea, puteți adăuga o imagine din galerie sau puteți încărca una de pe computer.

Pasul 4: adăugați conținutul

Acum că ați aflat stilul și locația bannerului de consimțământ, a venit timpul să vă ajustați mesajul de consimțământ pentru vizitatori. Un text generic este deja inclus, dar îl puteți edita la discreția dvs. În plus, va trebui să adăugați un link la politica dvs. privind cookie-urile.

Pentru a configura conținutul bannerului dvs., deschideți meniul de editare a textului.

Nu există nicio cerință pentru textul exact pe care îl utilizați - dar din nou, scopul aici este să obțineți „consimțământ clar și informat”. Așadar, iată o copie alternativă pe care poate doriți să o folosiți:

  • Titlu - Acest site web folosește cookie-uri
  • Descriere - Continuând să utilizați site-ul nostru, înțelegeți că folosim cookie-uri pentru a vă îmbunătăți experiența și a colecta date analitice. Aflați mai multe în Politica noastră de confidențialitate.
  • Textul butonului - Sunt de acord

Schimbați copia de pe bannerul dvs. cookie folosind un editor de text intuitiv

Puteți vedea cum va apărea textul dvs. vizitatorilor mobili dacă treceți la modul mobil sub fereastra de previzualizare.

Pasul 5: Controlează când apare notificarea de consimțământ a cookie-urilor

Pentru a evita deranjarea vizitatorilor în timp ce se deplasează în jurul site-ului dvs., doriți să vă asigurați că notificarea de consimțământ a cookie-urilor nu mai apare după ce un vizitator face clic pe sunt de acord buton. Pentru a face acest lucru, puteți utiliza fișierul Direcționare filă.

Du-te la Opriți-vă pentru a afișa widgetul meniu și selectați + Adăugați o condiție . Atunci alege Închidere .

Setați setări adecvate de direcționare pentru a vă asigura că cei care v-au acceptat politica privind cookie-urile nu vor mai vedea bannerul

În acest caz, „închiderea” este vizitatorul care face clic pe buton pentru a consimți la utilizarea cookie-urilor. Nu trebuie să modificați alte setări în Direcționare filă.

Pasul 6: Activați bannerul de consimțământ al cookie-urilor

Acum, ești cam gata! Tot ce trebuie să faceți pentru ca notificarea de consimțământ a cookie-urilor să fie live este să faceți clic pe Salvați și închideți butonul din colțul din dreapta sus pentru a finaliza configurarea bannerului.

Apoi, alegeți opțiunea pentru Activeaza acum după cum sugerează aplicația:

Banner cookie activat

După ce faceți acest lucru, vizitatorii ar trebui să înceapă să vadă notificarea de consimțământ a cookie-urilor. Și după ce fac clic pe buton pentru a fi de acord cu utilizarea cookie-urilor, nu vor mai vedea banner-ul cookie.

Adăugarea unei notificări de consimțământ pentru cookie nu trebuie să fie dificilă

Menținerea site-ului dvs. web pe partea bună a legii privind consimțământul cookie-urilor nu este ceva pentru care aveți nevoie de un dezvoltator. Utilizând Getsitecontrol și principiile prezentate în această postare, puteți configura propriul banner personalizat de consimțământ pentru cookie-uri fără a fi nevoie să scrieți o singură linie de cod.

Colin Newcomer este un scriitor independent, cu experiență în SEO și marketing afiliat. El îi ajută pe clienți să își dezvolte vizibilitatea pe web scriind în primul rând despre WordPress și marketing digital.

Citiți blogul Getsitecontrol, unde experții în marketing împărtășesc tactici dovedite pentru a vă dezvolta afacerea online. Acest articol face parte din secțiunea de implicare a clienților.

Abonați-vă la buletinul nostru informativ → Ilustrația principală de la Icons8