Cum să adăugați un banner de consimțământ pentru cookie-uri pe Blogger

Când navigați pe internet, probabil că ați dat peste un banner de consimțământ pentru cookie-uri care vă cere să acceptați sau să respingeți cookie-urile. Aceste bannere au devenit o caracteristică standard pe site-uri web din cauza preocupării tot mai mari cu privire la confidențialitatea datelor și urmărirea online.

Dacă sunteți blogger și utilizați Blogger, este esențial să adăugați un banner de consimțământ pentru cookie-uri pe site-ul dvs. pentru a asigura conformitatea cu reglementări precum Regulamentul general privind protecția datelor (GDPR) și Legea privind confidențialitatea consumatorilor din California (CCPA).

Ce este un banner de consimțământ pentru cookie-uri ?

Un banner de consimțământ pentru cookie-uri este o fereastră pop-up sau un banner care apare pe un site web, informând utilizatorii despre utilizarea cookie-urilor și cerându-le acordul pentru stocarea sau accesarea informațiilor lor.

Cookie-urile sunt fișiere text mici care sunt plasate pe dispozitivul unui utilizator atunci când acesta vizitează un site web. Sunt folosite pentru a reține preferințele utilizatorilor, pentru a urmări activitatea pe site și pentru a oferi o experiență mai personalizată. Cu toate acestea, cookie-urile pot fi folosite și pentru publicitate sau urmărire direcționată, motiv pentru care utilizatorii trebuie să fie informați și să li se ofere posibilitatea de a le accepta sau respinge.

Adăugarea unui banner de consimțământ pentru cookie-uri pe site-ul dvs. Blogger este un proces relativ simplu care poate fi finalizat în câțiva pași. În secțiunile următoare, vom prezenta pașii pentru adăugarea unui banner de consimțământ pentru cookie-uri pe Blogger

Cum să adăugați un banner de consimțământ pentru cookie-uri pe Blogger

Pentru a adăuga un banner sau un pop-up de consimțământ pentru cookie-uri în Blogger, urmați pașii de mai jos.

1. Deschideți tabloul de bord Blogger și accesați secțiunea cu teme.
2. Acum faceți clic pe secțiunea de editare HTML din meniul drop-down din partea dreaptă a butonului de personalizare.
3. Acum căutați eticheta Body de închidere (</body) Aceasta este, în general, ultima linie a doua a codului temei.
4. Acum inserați codul dat chiar deasupra acestuia și salvați codul pentru a adăuga bannerul de consimțământ pentru cookie-uri pe site-ul dvs. Blogger.

 <div class='cookie-box'> <div class='cookie-row'> <div class='cookie-img'><svg viewBox='0 0 97.93 97.93' xmlns='http://www.w3.org/2000/svg'><path d='M44,23.76a2.47,2.47,0,1,0,.91,3.37A2.47,2.47,0,0,0,44,23.76Z'></path><path d='M25.9,40.32a2.47,2.47,0,0,0,0,4.93h0a2.47,2.47,0,1,0,0-4.93Z'></path><circle cx='32.08' cy='65.86' r='2.47'></circle><path d='M56.38,69.91a2.47,2.47,0,1,0,1.14,1.49A2.47,2.47,0,0,0,56.38,69.91Z'></path><path d='M72,52.68a2.47,2.47,0,0,0-2.38,1.83,2.44,2.44,0,0,0,.25,1.87,2.47,2.47,0,0,0,4.52-.59,2.44,2.44,0,0,0-.25-1.87A2.47,2.47,0,0,0,72,52.68Z'></path><path d='M89.51,52.86A14,14,0,0,1,81,47.2,14.09,14.09,0,0,1,61,35.68,14.09,14.09,0,0,1,49.49,15.73a14,14,0,0,1-5.66-8.55,44,44,0,0,0-21.09,6.15A44.26,44.26,0,0,0,71.46,87.08,44.24,44.24,0,0,0,89.51,52.86ZM28.28,43.42a2.47,2.47,0,0,1-2.38,1.83h0a2.47,2.47,0,1,1,2.38-1.83Zm3.8,24.9a2.47,2.47,0,1,1,2.47-2.47A2.47,2.47,0,0,1,32.08,68.32ZM44.92,27.13A2.47,2.47,0,1,1,44,23.76,2.47,2.47,0,0,1,44.92,27.13ZM57.28,73.27a2.47,2.47,0,1,1-.9-3.36,2.47,2.47,0,0,1,.9,3.36ZM74.42,55.79a2.47,2.47,0,1,1-.25-1.87A2.45,2.45,0,0,1,74.42,55.79Z' fill='#7577a9'></path><path d='M97.93,48.52v-.2A2.35,2.35,0,0,0,95.7,46a9.37,9.37,0,0,1-8-5.45,2.35,2.35,0,0,0-3.49-.93,9.51,9.51,0,0,1-5.44,1.72A9.4,9.4,0,0,1,69.39,31.1a2.35,2.35,0,0,0-2.55-2.55c-.28,0-.57,0-.85,0a9.39,9.39,0,0,1-7.68-14.81,2.35,2.35,0,0,0-.93-3.49,9.37,9.37,0,0,1-5.45-8A2.35,2.35,0,0,0,49.61,0H49a49,49,0,1,0,49,49C97.93,48.82,97.93,48.67,97.93,48.52ZM71.46,87.08A44.26,44.26,0,0,1,22.74,13.33,44,44,0,0,1,47.53,4.72a14,14,0,0,0,5.66,8.55A14.09,14.09,0,0,0,64.71,33.22,14.09,14.09,0,0,0,84.66,44.75a14,14,0,0,0,8.56,5.66A44.3,44.3,0,0,1,71.46,87.08Z'></path></svg></div> <div class='cookie-content'> <p>Our website uses cookies to improve your experience. <a href='https://policies.google.com/technologies/cookies' target='_blank' title='Learn more'>Learn more</a></p> <button class='cookie-buttons'>Accept!</button> </div> </div> </div> <style> .cookie-box.hide{display:none} .cookie-box { position: fixed; width: 90%; margin: 20px; max-width: 400px; min-height: 100px; background-color: #ffffff; box-shadow: 25px 12px 25px 12px rgb(30 30 30 / 4%); z-index: 990; border: 2px solid lightgrey; border-radius: 6px; bottom: 15px; right: 0px; padding: 15px; } .cookie-row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; align-content: center; justify-content: center; align-items: center; } .cookie-img{padding-right:20px} .cookie-img svg{fill:#333;width:60px;height: 60px;} .cookie-content p { position: relative; width: 100%; display: inline-block; font-size: 15px; color: #666666; margin-top: 0!important; } .cookie-content pa{text-decoration:underline;} .cookie-buttons { position: relative; width: 100%; margin-top: 10px; float: left; background-color: #7577a9; font-family: inherit; font-size: 14px; color: #ffffff; text-decoration: none; opacity: 1; border: none; cursor: pointer; font-weight: 500; padding: 5px; border-bottom: 2px solid rgba(0,0,0,0.1); border-radius: 6px; } </style> <script>//<![CDATA[ cookieChoices = {}; const cookieBox = document.querySelector(".cookie-box"), acceptBtn = cookieBox.querySelector("button"); acceptBtn.onclick = ()=>{ document.cookie = "CookieByKey2Blogging; max-age="+60*60*24*30; if(document.cookie){ cookieBox.classList.add("hide"); }else{ alert("Cookie can't be set! Please unblock this site from the cookie setting of your browser."); } } let checkCookie = document.cookie.indexOf("CookieByKey2Blogging"); checkCookie != -1 ? cookieBox.classList.add("hide") : cookieBox.classList.remove("hide"); //]]></script>

Acest cod va elimina notificarea implicită de cookie Blogger și va adăuga un banner personalizat de consimțământ pentru cookie-uri sau puteți spune o fereastră pop-up pe site-ul dvs. blogger.

Acest cod este complet optimizat și utilizează coduri SVG, astfel încât să nu vă faceți griji cu privire la viteza site-ului de pe site-ul blogger.

În concluzie, adăugarea unui banner de consimțământ pentru cookie-uri pe site-ul dvs. Blogger este esențială pentru a asigura conformitatea cu reglementările privind confidențialitatea datelor și pentru a oferi transparență utilizatorilor dvs.

Sper că acest articol vă ajută să adăugați un widget personalizat de consimțământ pentru cookie-uri pe site-ul dvs. blogger. Dacă aveți probleme cu acest cod, anunțați-mă în secțiunea de comentarii.

Apropo, mă poți angaja pentru a-ți optimiza viteza de încărcare Blogger. Consultați pagina noastră de servicii pentru a afla mai multe.