Problemas mais comuns que podemos ter ao usar HTTPS no Blogger - * Blog Elaine Gaspareto *

Problemas mais comuns que podemos ter ao usar HTTPS no Blogger

Publicado em 17/01/2018


No final de 2017 eu publiquei um tutorial (creio que foi o primeiro, ou um dos primeiros em português a falar do assunto) que mostrava como conseguir o protocolo HTTPS e o certificado de segurança SSL para blogs do Blogger que usam domínios próprios.
Recorde (e faça em seu blog caso ainda não tenha feito):


Ainda em fase beta o procedimento dá super certo, mas alguns blogs estão enfrentando alguns problemas quando tentam conseguir o certificado de segurança.
Abaixo vou listar algumas dificuldades que fui detectando (ou que foram me relatando) e as possíveis soluções que você pode tentar caso esteja com algum dos problemas que listo a seguir.
Vamos lá?

HTTPS no Blogger- problemas e soluções para tudo funcionar sem erros


Antes de seguir com a leitura desse artigo é preciso que você já tenha implementado em seu blog o protocolo HTTPS, ok?
Aí, se você teve qualquer problema, veja se ele está contemplado na lista abaixo.

1- O HTTPS não aparece
Quando fazemos a alteração pode levar de alguns minutos a algumas horas pra que o Blogger faça a transição. Aguarde, atualize a página e o HTTPS vai aparecer.

2- O HTTPS aparece mas o cadeado verde não aparece
Pode demorar de alguns minutos a alguns dias para que ele apareça.
Espere um tempo antes de tomar qualquer outra providência.

3- Já esperei mas o cadeado verde realmente não aparece...
Isso pode significar que há muitas coisas consideradas "inseguras" em seu blog.
Pode aparecer essa mensagem ao clicar no ícone ao lado do endereço do blog:


Exemplos de gadgets "prolemáticos": contadores, calendários, previsão do tempo, relógios, links de outros sites e blogs não seguros, etc...
O jeito é fazer uma varredura no blog.
Deixe apenas o que é essencial, retire tudo que for dispensável e vá testando. Retire um item, teste... e assim por diante.
Sim, dá trabalho.

4- O cadeado verde aparece mas aparece também um X vermelho que ao ser clicado mostra a mensagem:


"Esta página está tentando carregar scripts de fontes não autorizadas"

Ao contrário do que muita gente pensa essa mensagem não se refere às fontes do blog.
Essa mensagem quer dizer que há, no blog, algum gadget, recurso, link ou script hospedado que não usa o protocolo https.
Exemplo: um slide do blog, um recurso que use JQuery, um gadget que use algum arquivo externo pra funcionar, etc....
Se, por exemplo, algum script do slide estiver hospedado em um host que não usa https então esse script será considerado não-seguro pelo navegador.
Ele será carregado mas a imagem do X vermelho aparecerá.
Não compromete a segurança mas é interessante achar o arquivo e re-adequar o que for preciso.


Como resolver o problema dos scripts não seguros?


Como resolver o problema dos scripts não seguros?

Não é simples, mas vamos lá!
Será preciso uma varredura completa no código-fonte de seu template.
Acesse a aba Tema e dentro do código-fonte tecle Ctrl+F.
Na barra de busca que aparecer digite http:// e tecle Enter.
Vão aparecer todas as ocorrências de http que existem em seu template.
Aí faça o seguinte: copie o endereço completo que aparecer.
E cole em nova aba do seu navegador.
Acrescente o "s" em http e veja se a página abre.
Se abrir significa que o site em questão é seguro, então pode acrescentar s ao final de http e tudo dará certo.

Exemplo:
Script que faz funcionar o botão Curtir/Compartilhar do Facebook:
http://connect.facebook.net/pt_BR/all.js
 Ficaria assim:
https://connect.facebook.net/pt_BR/all.js

Percebe que ambas as formas, com e sem https, abriram?
Faça isso com cada ocorrência de http:// que achar.
O que abrir com https corrija, o que não abrir não altere.
Sim, isso mesmo!
Se alterar equivocadamente algum recurso de seu blog pode parar.
Nos casos de arquivos e/ou scripts que não aceitam o https será preciso hospedar o arquivo em algum host que gere a url com https.

Exemplo:
http://yourjavascript.com/08011672710/ouibouncebyelainegaspareto.js
Esse endereço acima é de um arquivo JQuery hospedado no site YourJavascript que uso para fazer funcionar este tutorial:

Box flutuante para curtir a fanpage (abre ao sair do blog e não ao entrar).

Originalmente ele não tem https, então não basta colocar o "s" no http pois ele não vai funcionar já que o site YourJavascript (até o momento em que escrevo) ainda não usa o protocolo HTTPS.
Nesse caso eu hospedo o arquivo no Google Sites, aí ele funciona em blogs que usam o protocolo HTTPS.


Também é possível hospedar com segurança no site GitHub. Farei em breve um tutorial de como hospedar arquivos nesse site.
Não testei outros hosts, mas se você souber de mais algum compartilha com a gente!


Outros problemas conhecidos ao usar HTTPS no Blogger


1- Alguns slides simplesmente não funcionam em endereços HTTPS.
Você volta o endereço para http e o slide funciona; coloca https e ele não funciona; é desesperador, mas tem acontecido principalmente em templates baixados da internet.
Sabe o motivo?
Eu não sei... mas imagino que seja porque os desenvolvedores de templates baixados da internet criptografam alguns trechos dos códigos pra evitar plágio ou cópias, e aí isso acontece.
Até o momento não há o que fazer, ao menos não até onde sei.

2- Alguns menus que usam scripts externos não abrem, e aí a chance é hospedar os arquivos .js conforme mencionei acima. Se não forem criptografados pode dar certo, tem que testar.

3- O gadget Top comentaristas com foto também não funciona em blogs com https (estou estudando o código, #oremos);
E certamente haverão mais scripts que simplesmente não funcionam; aos poucos vamos descobrindo e tentando corrigir se for possível.

Sim, pode acontecer de não haver correção, e aí é questão de escolha: usar outro template caso seja um baixado da internet, abrir mão do gadget caso seja um elemento de página ou deixar de usar o HTTPS.
Sim, escolha tensa, eu sei...


Agora é com você!
Tem algum outro problema que não listei acima?
Ou, melhor ainda, alguma outra solução para os problemas mencionados?
Interaja conosco, ajude se puder e se esqueci de mencionar algum dos problemas mais comuns que podemos ter ao usar HTTPS no Blogger diga nos comentários!

16 comentários via Blogger
comentários via Facebook

16 comentários:

  1. Elaine, graças a Deus no meu blog deu super certo e não tive nenhum dos problemas que você listou. Já reparei, inclusive, um aumento no tráfego.

    Acredito que utilizando templates limpos e bem feitos como os que você faz, não há problemas. Tudo o que é baixado "de grátis" tem alguma coisa, a gente precisa tomar cuidado, pode até ter vírus, instalar programas no nosso computador. Não é porque é de graça que é uma maravilha.

    Agradeço pela ajuda de sempre =)

    beijosssssss

    ResponderExcluir
  2. Olá Elaine!
    Fiz tudo o que mandou, e aparece o cadeado verde por um segundo e depois aparece o i, mas o HTTPS desde que fiz o seu tutorial aparece. acredito que não tenha dado certo porque uso um layout free.
    Bjus e adoro seu site!

    Fabiana Correa
    https://www.fabianacorrea.com/2018/01/amorzices-blogs-para-amar.html

    ResponderExcluir
    Respostas
    1. Fabiana, acho que não é por isso não. Experimente marcar Sim, em Configurações, a caixinha Redirecionamento para HTTPS
      E também confira se não há links em seu blog, na sidebar e no código fonte, com http.
      Demora mesmo, o meu demorou uns 12 dias pra ficar certinho...
      beijossss

      Excluir
    2. Obrigada pelas dicas, vou verificar!!

      Excluir
  3. Muito útil essa postagem. Verifiquei o meu e está o cadeado verde, isso quer dizer que o https está em vigor? Para ele ficar ativo, basta colocar ir em configurações e colocar sim? Será que agora consigo colocar o top comentarista? Vou experimentar.
    Beijos carinhosos!

    ResponderExcluir
    Respostas
    1. Não, Lúcia. Esse tutorial só se aplica a quem usa domínio próprio no blog. Se usa blogspot o cadeado aparece automaticamente
      E não, o top comentarista não vai funcionar justamente porque tem o https...

      Excluir
  4. o meu parou de funcionar o compartilhamento no pinterest... somente no icone abaixo da postagem... se eu usar o gadget pin button do chrome funciona...

    ResponderExcluir
    Respostas
    1. Ana Paula, pode ser porque o script de seu template esteja criptografado, se for um template de terceiros.
      Uma solução pra contornar seria Colocar o botão do Pinterest sobre as imagens do blog.
      Talvez funcione....

      Excluir
  5. Curioso que se eu usar o Edge aparece o cadeado e o https. Mas se usar o Chrome não aparece nenhum dos dois. https://www.musicacafe.com.br/

    ResponderExcluir
    Respostas
    1. Moisés, pra mim apareceu tanto um quanto o outro no Chrome.
      Acredito que seja porque seu blog esteja armazenado no cache do seu navegador. Limpe o cache e creio que aparecerá pra ti como aparece pra mim.
      Olha o print:
      https://3.bp.blogspot.com/-IH4nGuqG2U4/WmEvV72kerI/AAAAAAABczw/sCzjPf8BL2UZJukv0LF3gLs8jhgSKtCTwCLcBGAs/s1600/moises.jpg

      Excluir
  6. Limpei aqui via Ccleaner e direto no Chrome, mas continuou não aparecendo no Chrome. =/

    ResponderExcluir
  7. Mas se nao quiser usar https tem problema?

    ResponderExcluir
    Respostas
    1. Não, mas eu acredito que aos poucos vai ser cada vez mais critério de indexação em mecanismos de busca...

      Excluir
  8. Venho tendo problemas com o meu blog. Praticamente toda as coisas que implementei de terceiros não funcionam em https (Slider, Postagens Relacionadas e Breaking News, três funcionalidades que para mim são essenciais) que por sinal já está ativado. Pelo jeito vai ser bem trabalhoso corrigir tudo isso. Pergunta, você teria alguma opção destas funcionalidades que funcionem em https?? Se não, teria como postar tutoriais delas?

    ResponderExcluir
    Respostas
    1. Sammyr, pode ser que os hosts onde os arquivos desses recursos estão hospedados não suportem https;
      Nesse caso precisa baixar os arquivos e hospedar em algum host que suporte https, como Google sites por exemplo...

      Excluir
  9. Elaine vc é 10! Aprendi a colocar meu blog como HTTPS em sua outra postagem e agora esta me ajudou a consertar uns probleminhas que apareceram, agora está tudo 100%. Obrigado mesmo!

    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…