Barra de cookies personalizada- código aberto para usar no Blogger - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Barra de cookies personalizada- código aberto para usar no Blogger

Publicado em 14/01/2019

Barra de cookies personalizada- código aberto para usar no Blogger
Ano passado eu publiquei um dos mais importantes artigos sobre a política de cookies e privacidade do Google para blogs da UE, que afetam também nossos blogs aqui no Brasil.
Reveja:


No artigo eu ensinei como configurar uma barra personalizada de alerta de cookies, com link para a Política de privacidade do blog, que também  mostrei como criar.
Acontece porém que o site que gerava a barra tirou a página do ar e não há nenhuma outra opção confiável e gratuita disponível.

Então me debrucei sobre o código e o adaptei para ser usado sem precisar de gerador externo.
Vou disponibilizar aqui, mas por favor não reposte em seu blog, se tiver a intenção de ajudar seus leitores indique como chegar a este post através de um link, ok?
Combinado?
Então vamos trabalhar!


Como colocar a barra de aviso de cookies personalizada no Blogger?


Como colocar a barra de aviso de cookies personalizada no Blogger?
Caso você não tenha conseguido inserir sua barra de cookies usando o site que indiquei no meu post que fala sobre o que é GDPR e qual i impacto dele no blog pode fazer isso usando o código abaixo.
Copie:

Copiar o código


Agora vá ao painel administrativo de seu blog e clique na aba Tema.
A seguir clique em Editar HTML e dentro da caixa do código-fonte tecle Ctrl+F.
Na barra de busca que aparecer digite </head> e tecle Enter para localizar.
Acima de </head> cole todo o código que disponibilizei.
Salve.

Notas importantes para personalizar a barra de alerta de cookies


Observe que deixei marcado no código do plugin as áreas que você necessariamente tem que editar:
MENSAGEM DA SUA BARRA DE COOKIES AQUI ⇾ troque pelo texto que deseja que apareça em sua barra;
MENSAGEM DO BOTÃO AQUI ⇾ troque pelo texto que desejar para o botão. Pode ser Eu aceito, Ok, ou o que desejar/
LINK DE SUA PÁGINA DA POLÍTICA DE PRIVACIDADE AQUI ⇾ é, claro, o link da página com sua Política de privacidade (ensinei como criar a sua no post que linkei acima sobre o GDPR);

Para trocar a cor da barra localize #3C4042 e troque pelo código da cor que desejar.
Para trocar a cor do botão localize #FF9A4F e altere pelo código hexadecimal da cor que desejar.

E está resolvido o problema!
Mereço sua ajuda pra espalhar esse tutorial por aí?





8 comentários

  1. Bom dia Elaine, excelente post. Obrigada por compartilhar.
    Boa semana.

    ResponderExcluir
  2. Olá como posso fixar na parte superior do blog?

    ResponderExcluir
    Respostas
    1. Acima de
      "content": {

      coloque

      "position": "top",

      e pronto.
      Deve funcionar...

      Excluir
    2. grato vou tentar. mais uma dúvida para retirar o banner nativo do google o código que voce disponibiliza no outro post não funcionou em meu blog ...existe outro meio?

      Excluir
  3. Elaine, muito obrigada por compartilhar seu conhecimento. Segui todos os passos e ficou top.

    ResponderExcluir
  4. Olá Elaine! Obrigada por compartilhar. Estou usando em todos os meus blogs.
    Grande abraço!

    ResponderExcluir
  5. Fiz deu certo!! Obrigada só não consegui mudar as cores! falta de pratica ! Já indicando para as amigas!!

    Bjoks
    http://permanecerleve.blogspot.com

    ResponderExcluir
  6. Elaine mulher! Você é fera mesmo no que faz né? Jesussssss abençoe. Eu fiquei com um pouco de medo com o tamanho gigante do código hehehe, mas fiz aqui, e deu certo, já esta funcionando o texto, as cores e o link pra página de politica de privacidade. Você é top mulher. Meus parabéns, e muito obrigada por compartilhar conosco esse código. Ajudou muito. Pode deixar que se souber de alguém precisando dessa ajuda aqui, vou compartilhar seu artigo. Você merece um xerooooo.

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…