Como instalar uma barra de aviso de cookies personalizável em seu blog


A legislação europeia exige que quem tem um site informe os seus visitantes de que esse site utiliza cookies. Se o seu site tem visitas de países da União Europeia então estas mudanças também lhe dizem respeito a si.
Já há muito tempo que a União Europeia tem legislação para esta questão dos cookies. A diferença é que agora o Google decidiu que quem usa serviços do Google vai ter que estar de acordo com as normas europeias. Ou seja, quem tem Adsense, Google Analytics, etc, terá que se certificar que cumpre com a lei dos cookies. Não se sabe que medidas o Google vai tomar para quem não cumprir. O certo é que há uma data limite que é melhor não ignorar.
À medida que essa data se aproxima podemos ver na net que cada vez mais e mais sites aparecem com uma barra de aviso de cookies. Você já sabia que era necessário instalar uma barra de aviso de cookies?

Barra de aviso de cookies no Blogger

Como o Blogger pertence ao Google já aparece automaticamente em todos os blogs uma barra cinzenta que diz algo como:
“Este site utiliza cookies para ajudar a disponibilizar os respetivos serviços, para personalizar anúncios e analisar o tráfego. As informações sobre a sua utilização deste site são partilhadas com a Google. Ao utilizar este site, concorda que o mesmo utilize cookies.
OBTER MAIS INFORMAÇÕES
ENTENDI”
Esta barra tem a vantagem de ser mostrada apenas às visitas que são provenientes de países da Europa. Se você se encontra fora da Europa para poder visualizar a barra terá que aceder a um blog colocando a extensão de um país da Europa. Por exemplo para Portugal o endereço seria algo como http://SEUBLOG.blogspot.pt

Desativar a barra de cookies do Blogger

Atenção que a barra de cookies só deve ser removida se você optar por usar uma outra barra para aviso de cookies. Não se esqueça que se não cumprir com o aviso de cookies o Google pode vir a tomar medidas para o penalizar. Ninguém ainda sabe o que o Google irá fazer nesses casos, mas penso que ninguém quer ver o seu blog banido ou despromovido por causa disso.
Para desativar a barra automática adicione o seguinte código:
<script type="text/javascript">
cookieChoices = {};
</script>
Se tirar a barra não se esqueça de adicionar uma outra barra alternativa que informe os visitantes do seu siete sobre a existência de cookies.

Alterar a barra de cookies do Blogger


Agora que você já sabe o que é uma barra com avisos de cookies, vamos aprender a colocar uma barrinha dessas personalizadas em seu blog

1ª ETAPA
Vá a aba TEMA depois em Editar HTML, dê um click dentro da caixa de códigos e depois dê CTRL+F após aparecer a caixa de busca procure pelo trecho ]]></b:skin> após encontrar o trecho cole o código CSS abaixo logo acima da tag encontrada:




#barracookies {text-transform: none;display: none;z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:69px;padding:5px;background: #333333;color:white;line-height:20px;font-family:verdana;font-size:12px;text-align:center;box-sizing:border-box;border-top: px solid #d83f3f}  #barracookies a:nth-child(2) {padding:4px;background:#4682B4;border-radius:5px;text-decoration:none;}  #barracookies a {color: #fff;text-decoration: none;} #barracookies a:hover {color: #fff;text-transform:none; border-radius:5px; background:#4682B4; padding:4px;}



2ª ETAPA
Agora vá novamente a barra de busca e procure por </body> e acima dessa tag cole o código abaixo:



<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div id='barracookies'> Usamos cookies próprios e de terceiros que entre outras coisas recolhem dados sobre seus hábitos de navegação para mostrar publicidades personalizadas e realizar análises de uso de nosso site. <br/> Se continares navegando consideramos que aceita seu uso. <a href='javascript:void(0);' onclick='var expiration = new Date(); expiration.setTime(expiration.getTime() + (60000*60*24*365)); setCookie(&apos;avisocookies&apos;,&apos;1&apos;,expiration,&apos;/&apos;);document.getElementById(&apos;barracookies&apos;).style.display=&apos;none&apos;;'><b>Entendi</b></a> <a href='https://blogdoodneysales.blogspot.com/p/politica-de-privacidade-para-humorada.html' target='_blank'>Mais informações</a> </div>
<script type='text/javascript'>function setCookie(name,value,expires,path,domain,secure){document.cookie=name+&quot;=&quot;+escape(value)+((expires==null)?&quot;&quot;:&quot;; expires=&quot;+expires.toGMTString())+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+((secure==null)?&quot;&quot;:&quot;; secure&quot;)}function getCookie(name){var cname=name+&quot;=&quot;;var dc=document.cookie;if(dc.length&gt;0){begin=dc.indexOf(cname);if(begin!=-1){begin+=cname.length;end=dc.indexOf(&quot;;&quot;,begin);if(end==-1)end=dc.length;return unescape(dc.substring(begin,end))}}return null}function delCookie(name,path,domain){if(getCookie(name)){document.cookie=name+&quot;=&quot;+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+&quot;; expires=Thu, 01-Jan-70 00:00:01 GMT&quot;}}</script> <script type='text/javascript'> var comprobar = getCookie(&quot;avisocookies&quot;); if (comprobar == 1) {/*Si se ha pulsado OK..que no se muestre el aviso*/ var expiration = new Date(); expiration.setTime(expiration.getTime() + (60000*60*24*365)); setCookie(&quot;avisocookies&quot;,&quot;1&quot;,expiration); document.getElementById(&quot;barracookies&quot;).style.display=&quot;none&quot;;  }else {/*Si todavia no se ha pulsado OK..que Si se muestre el aviso*/ document.getElementById(&quot;barracookies&quot;).style.display=&quot;block&quot;; } </script> </b:if>


O resultado fica assim:
ANTES
 DEPOIS

Espero que consigas fazer caso contrário comente a sua dúvida aí.


Créditos: Parte do texto acima pertence ao site COMO FAZER UM SITE

Postar um comentário

0 Comentários