Home » Blogger, Design, Novidade, Widgets, Wordpress

Instalar Barra de Aviso de Cookies

27 setembro 2015 6.171 Leitores 2 Comentários
barra-aviso-cookies

Está a terminar o prazo dado pelo Google para que os seus colaboradores cumpram com a política de consentimento de cookies da União Europeia. O prazo termina em 30 de Setembro de 2015.

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?

Deixo a seguir 4 opções para instalar uma barra de aviso de cookies.

1. 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 .

Outra vantagem da barra automática do Blogger é que o texto é apresentado automaticamente em diferentes línguas. Se por exemplo você aceder a um blog colocando a extensão “de”, http://SEUBLOG.blogspot.de a mensagem na barra de cookies será mostrada em alemão.

É possível a barra de cookies do Blogger ser alterada? Sim, é possível. Para isso é necessário adicionar uma pequena porção de código imediatamente antes da tag </head> no HTML do seu blog.

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

  • Alterar mensagem e os links dos botões

    Inserindo o seguinte código poderá alterar a mensagem da barra, o link que se abre ao clicar no botão de “OBTER MAIS INFORMAÇÕES” e o próprio texto dos botões:

    <script type="text/javascript">
    cookieOptions = {
    msg: "Utilizamos cookies para melhorar os serviços deste site. Ao usar este site você concorda com o uso de cookies.",
    link: "https://www.blogger.com/go/blogspot-cookies",
    close: "OK !",
    learn: "SABER MAIS"
    };
    </script>

    Só deverá editar as partes a vermelho.

  • Alterar o aspeto da barra

    A barra de cookies do Blogger pode ser melhorada por forma a se encaixar no layout do seu blogue. Para isso adicione o seguinte código:

    <style>.cookie-choices-info {background-color:#333333 !important;border-bottom: 1px solid #6FC415; padding: 5px 8px!important; box-shadow: 1px 2px 2px #000!important; padding:3px 0px!important;}
    .cookie-choices-text {font-size:16px !important; color: #dddddd !important;}
    .cookie-choices-button {background-color: #6FC415 !important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000!important; padding:2px 5px!important;text-transform: none!important; font-size:13px!important;}
    .cookie-choices-inner { padding: 0px 0px!important;}
    </style>

    Para mudar a cor da barra edite #333333
    Para mudar a linha verde na parte de baixo edite #6FC415
    Para mudar a cor do texto edite #dddddd
    Para mudar a cor dos botões edite #6FC415

    Clique aqui se precisar de outros códigos de cores.

    Veja a diferença entre a barra original e uma barra alterada nas seguintes imagens.

    Antes:
    barra-aviso-cookies-blogger

    Depois:
    barra-aviso-cookies-blogger-2
    Clique para ver em Demo.

  • Colocar a barra em baixo

    Se prefere que a barra não tape o logótipo do blog poderá também optar por colocá-la na parte de baixo da tela. Para isso adicione o seguinte código:

    <style>
    #cookieChoiceInfo {
    bottom: 0; top: auto;
    border-bottom: 0px; border-top: 1px solid #6FC415; }
    </style>

2. Barra de aviso de cookies da Silktide

Esta é a barra que o próprio Google coloca no topo da lista na página em que o Google sugere ferramentas que permitem instalar uma barra. A barra do Silktide é a barra que estou a usar no site “Como Fazer Um Site“.

A barra do Silktide pode ser instalada em blogs e em qualquer outro site. Para isso é necessário inserir uma porção de código exatamente antes da tag </head>:

<!– Begin Cookie Consent plugin by Silktide – http://silktide.com/cookieconsent –>
<script type="text/javascript">
window.cookieconsent_options = {"message":"Este site utiliza cookies para assegurar-lhe a melhor experiência de navegação no nosso site.","dismiss":" OK !","learnMore":"Saber mais","link":"http://www.SEUSITE.com/politica-privacidade.html","theme":"dark-bottom"};
</script>
<script type="text/javascript" src="//s3.amazonaws.com/cc.silktide.com/cookieconsent.latest.min.js"></script>
<!– End Cookie Consent plugin –>

Edite as partes que estão a vermelho.

Se quiser alterar as cores e dimensões da barra e do texto poderá usar o seu próprio ficheiro css. Para isso no código atrás indicado terá que substituir:
"theme":"dark-bottom"
por
"theme":"http://www.SEUSITE.com/dark-bottom.css"
em que a parte a vermelho será o caminho completo onde colocou a sua folha de estilos css.

Se quiser poderá baixar as seguintes folhas de estilos e alterar uma delas conforme quiser. Baixar ficheiros css.

3. Barra de cookies para o WordPress

A barra que estou a usar aqui no blog Como Fazer Um Site é gerada através do plugin “Cookie Notice“.
Para quem tem um blog WordPress basta ir lá na plataforma do WordPress, à secção dos Plugins, fazer pesquisar por “Cookie Notice” e instalar. Depois de instalado poderá configurar tudo, o texto, as cores e outros parâmetros, muito facilmente.

4. Barra de cookies, ainda mais simples

Encontrei ainda a cookieBar, que é uma barra que segue o conceito de “cola e não te preocupes mais com isso“. Basta colar uma linha de código e já está.

A linha de código a inserir antes da tag </head> é:

<script type="text/javascript" src="//cdn.jsdelivr.net/cookie-bar/1/cookiebar-latest.min.js"></script>

Tem a vantagem de estar preparada para algumas línguas. Infelizmente não tem ainda o português por isso não a usei aqui no “Como Fazer Site“. Mas pode funcionar muito bem para sites em inglês.

O conceito da barra é a instalação simples mas permite algumas modificações, para isso acrescentam-se parâmetros como a seguir:

<script type="text/javascript" src="//cdn.jsdelivr.net/cookie-bar/1/cookiebar-latest.min.js?tracking=1&thirdparty=1&top=1&privacyPage=http://www.SEUSITE.com/politica-privacidade.html"></script>

tracking – colocar “1″ se o site usa cookies para rastrear tráfego
thirdparty – colocar “1″ se o site usa sites de terceiros
top – colocar “1″ se pretende a barra no topo
privacyPage – colocar endereço para a sua própria página de politica de privacidade caso tenha uma

Veja aqui uma demonstração desta barra.

E você?

Já sabia do prazo limite que o Google deu para que avise os visitantes do seu site que usa cookies?
Vai usar alguma destas barras? Conhece outras barras para além das que foram referidas neste post?

1 Estrela2 Estrelas3 Estrelas4 Estrelas5 Estrelas (2 votos, média: 5,00 de 5)
Loading ... Loading ...


2 Comentários »

  • Antonio Sousa disse:

    Coloquei no meu mais não vejo a barra quando abro o site!

  • Francisco Reis disse:

    Alterei a mensagem de acordo com este passo a passo, coloquei a referida em baixo (e funciona bem)… curiosamente quando acedo do telemóvel continua a aparecer a mensagem do blogger e em cima!

    :(

Deixe um comentário!

Seja cordial. Respeite o assunto do tópico. Não faça spam.