Bug ao adicionar widget através de um site externo

29 de janeiro de 2014

12 comentários:
ATUALIZAÇÃO - 01/03/2014 (SOLUÇÃO)

Após buscar informações por aí, descobri um método de como resolver o problema. Antes de entender como solucionar o problema, entenderemos como funcionava o código. O código do recurso, era basicamente este:
<form method="POST" action="http://www.blogger.com/add-widget"> <input name="widget.title" value="TÍTULO" type="hidden" /> <textarea name="widget.content" style="display:none;">CÓDIGO WIDGET</textarea> <input name="go" value="ADICIONAR" type="submit" /> </form>
Os dados eram enviados via POST, para http://www.blogger.com/add-widget. No entanto, recentemente o Blogger atualizou o seu sistema, e está utilizando em seus servidores certificados SSL, que no caso vem a ser o HTTPS nos urls do serviço.

O que ocorre é que os sites que usam deste recurso não estão por dentro de tal informação, e ainda mantem o url do método de envio com HTTP (como no código de exemplo acima), e com isso ocorre o erro. Se você estiver usando o recurso em seu blog, e verificar o problema no envio dos dados, bastará adicionar o https no link do url que tudo funcionará corretamente. Na prática, o mesmo código, com apenas um s a mais:
<form method="POST" action="https://www.blogger.com/add-widget"> <input name="widget.title" value="TÍTULO" type="hidden" /> <textarea name="widget.content" style="display:none;">CÓDIGO WIDGET</textarea> <input name="go" value="ADICIONAR" type="submit" /> </form>
E agora paramos para pensar, o que uma simples ausência de uma letrinha não pode causar a um sistema inteiro? rsrs
______________

Um recurso muito interessante no blogger, é o uso da ferramente automatizada para inserir widgets baseados em códigos ao seu blog. Alguns sites que possuem ferramentas famosas para blogs, como o LinkWithin ou o AddThis, usam este recurso. Ele baseia-se em inserir o código de um gadget HTML/JavaScript automaticamente ao seu blog, desde que você clique em um simples botão, com essa função. Para entender melhor esta função (e como faze-la), sugiro que leia este tutorial.

Crio esta postagem apenas como um aviso quanto ao erro. Caso esteja tentando inserir algum recurso vindo de um site que possua esta ferramente, saiba que irá se deparar com um erro muito chato.

Vamos usar o site do LinkWithin como exemplo: criamos e configuramos o código do widget de postagens relacionadas, selecionamos o blog e ser inserido, a plataforma usada (blogger), e todas as demais opções, e clicarmos em "Instal Widget":


Automaticamente, será aberta uma nova janela no navegador, que a princípio, não encontramos erro algum. Muitos clicaram em "Adicionar widget", pensando que o recurso de postagens relacionados já estará funcionando em seu blog ao atualizar a página. O erro se esconde dentro da caixa "Editar conteúdo".

A caixa aonde deveria estar o código do Widget que foi gerado anteriormente está vazia, isto porque o conteúdo não foi enviado a nova página que é aberta. Concluímos que o blogger está com mais um errinho chato, que embora ser simples a princípio, está atrapalhando muito. Eu mesmo já deixei de usar diversos recursos de sites externos devido a este erro, e até por isso, criei este post.

12 comentários:

  1. Olá, gostei muito da explicação do post, instalei o gadget de post relacionado do Linkwithin no meu blog, o problema é que quando se clica uma miniatura do post relacionado ele não carrega o artigo clicado, carrega todo o template mais a postagem fica em branco, só carrega se colocar para abrir uma nova aba, vc sabe se há como corrigir esse bug? obg

    ResponderExcluir
    Respostas
    1. Olá Lucas,

      Poderia fornecer o link do blog ou de uma postagem que o problema ocorre?

      Abraços!

      Excluir
  2. Link último post do blog: http://electromusicnow.blogspot.com.br/2014/03/album-hypnotica-benny-benassi-2004.html

    Outro detalhe, o posts relacionados também aparecem abaixo da ultima postagem do blog na página inicial.

    ResponderExcluir
    Respostas
    1. Cara, difícil saber o que está causando o erro. Mas dá pra notar que é algo com o código, até porque o URL é modificado, e tudo mais na página.

      Acho que o melhor a fazer é alterar de serviço: do LinkWithin, para o Outbrain.

      Excluir
  3. Obrigado Henrique, além do Outbrain eu encontrei também o ''nrelate'' esse está funcionando beleza no meu blog, obrigado pela ajuda. Seu blog é 10. Agora pro meu blog ficar completo só falta os botões de compartilhamento abaixo da postagem, já segui vários tutoriais, inclusivo o do seu blog mais os botões não aparecem, nem mesmo os botões padrão do blogger.

    ResponderExcluir
    Respostas
    1. Lucas, qual dos tutoriais você seguiu?
      - http://henriquezenny.blogspot.com.br/2013/12/barra-de-compartilhamento-no-final-das.html
      - http://henriquezenny.blogspot.com.br/2014/01/os-melhores-plugins-botoes-sociais-para.html

      Eu aconselharia o segundo, pois é o que uso no meu blog, e está 100% funcionando :)

      Excluir
  4. Segui os 2 Henrique, não aparece nenhum erro depois de posicionar o código, mais também não aparecem o widgets, não sei se tem algo a ver mais o meu template só possui uma linha dessa: . (coloquei o ponto depois do ''div'' pq os comentário não estava sendo aceito)

    ResponderExcluir
    Respostas
    1. Bom Lucas, creio que todas estes problemas são causados por incompatibilidades em seu template, pois como pode notar, ele é bem antigo e desatualizado. A minha sugestão é que tente alterar de template, para um mais novo e atualizado. Sugiro os desse site: http://henriquezenny.blogspot.com.br/2014/01/templates-responsivos-profissionais.html

      Excluir
  5. Obrigado pelas dicas Henrique, e parabéns pelo blog, contém dicas muito úteis e praticas, vc ganhou um novo leitor, até a próxima. :)

    ResponderExcluir
    Respostas
    1. Obrigado você Lucas, fico feliz que tenha ajudado e gostado do blog :D

      Excluir