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

Tempo de leitura:

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í?





5 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

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