Widget VLibras

  • Resolvido aphador

    (@aphador)


    5 anos, 2 meses atrás

    Bom dia!

    Estou tentando inserir o widget do VLibras no meu site: http://www.vlibras.gov.br/

    Ele disponibiliza um interprete de Libras para textos que são selecionados no site. No site do widget, ele informa pra inserir o código antes do </body>. e até dá o exemplo do código (http://vlibras.gov.br/doc/installation/webpageintegration.html):

    <div vw class="enabled">
    <div vw-access-button class="active"></div>
    <div vw-plugin-wrapper>
      <div class="vw-plugin-top-wrapper"></div>
    </div>
  </div>
  <script src="http://widget.vlibras.gov.br/app/vlibras-plugin.js"></script>
  <script>
    new window.VLibras.Widget('http://widget.vlibras.gov.br/app');
  </script>

    Inseri o codigo no footer, logo antes do </body>, mas não aparece nada no meu site. O botão lateral fixo que deveria aparecer não está lá. Já tentei algumas variações do codigo e nada. Alguém pode me dar uma luz?

    • Este tópico foi modificado 5 anos, 2 meses atrás por aphador.

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • Ralden Souza

    (@ralden)

    5 anos, 2 meses atrás

    saudações @aphador,

    para inserir códigos, indico o ótimo plugin Insert Headers and Footers, da equipe do WPBeginner,

    https://br.wordpress.org/plugins/insert-headers-and-footers/

    poderá pegar esse código e inserir na caixa Header, que é onde fica o body das páginas. mas quando possível o melhor é inserir no fotter, devido retardo de carregamento, o que o Google gosta para performance de sites. mas enfim, qualquer das escolhas, acredito que assim dará muito certo.

    no mais, abaixo um link para conhecer os plugins de acessibilidade do repositório do WordPress,

    https://br.wordpress.org/plugins/search/accessibility/

    boa sorte e sucesso com seu projeto.

    [código é poesia]

    Criador do tópico aphador

    (@aphador)

    5 anos, 2 meses atrás

    @ralden obrigado pela resposta!

    veja, usei o plugin, também sem efeito. Dando uma olhada melhor no site do VLibras, me parece que a documentação que eles fornecem está incompleta. OU seja, além do codigo que eu coloquei no primeiro comentário, eu precisaria ainda de um código CSS que inserisse o botão flutuante, como no site deles. Só que eles não forneceram esse código e meu conhecimento sobre isso é bem básico.

    Imagino que seja esse o problema, já que o codigo tem algumas ‘class’ que precisam ter seu estilo definido por meio do CSS, penso eu.

    Existe algum plugin que gere esse botão e eu só preciso fazer com que ele execute o script que eles fornecem? Ou mesmo se alguém puder me dar uma luz nesse código CSS, eu ficaria muito agradecido.

    Se vocês olharam os links que coloquei no OP, vão entender o que estou dizendo. Obrigado mais uma vez!

    Moderador Felipe Santos

    (@foosantos)

    5 anos, 2 meses atrás

    Olá, tudo bem?

    Neste caso, uma opção pode ser utilizar uma solução parecida que atenda ao que precisa. O Hand Talk é bem relevante para essa mesma proposta, você pode tentar se quiser.

    Inclusive o mesmo oferece um plugin do WordPress.org: https://br.wordpress.org/plugins/handtalk/

    Saiba mais: https://handtalk.me/

    Ralden Souza

    (@ralden)

    5 anos, 2 meses atrás

    saudações @aphador,

    fui no site do vlibras e vi a documentação. e conforme a documentação, deveria ser apenas o código fornecido. pois essa parte referente ao script puxa o que for necessário externamente, inclusive o CSS. só que por questões de segurança o WordPress pode bloqueiar códigos externo, para evitar inejção de script malicioso. inclusive hoje em dia quem tenta usar até iframe costuma sofrer, pois o WordPress bloqueia.

    vendo a documentação para Windows, indico para você o seguinte:

    Qualquer dúvida ou questionamento, envie uma mensagem para o Núcleo de Pesquisa e Extensão / LAViD, Centro de Informática-UFPB, através do email: ​contato@lavid.ufpb.br

    pois antes de se esforçar com esse botão, talvez seja o caso de ver com eles como anda o desenvolvimento dessa ferramenta. se ela pode ser instalada em navegadores e sistemas operacionais, haveria interesse em manter atualizado o código para sites? especialmente que desenvolvimento de sites envolvem uma infinidade de possibilidades de desenvolvimento. e querer garantir o funcionamento

    como no site há uma série de instalações possíveis, seja para navegadores, seja para sistemas operacionais. talvez eles tenham deixado de lado essa integração no próprio site.

    me parece o caso do HandTalk, que possui um plugin no repositório do WordPress que não é atualizado há 10 meses e que não é citado no site deles, que mostram outras duas soluções,

    https://handtalk.me/#solucoes

    para pessoas comuns, um aplicativo, que já faz a tradução de texto e áudio para Libras. e para empresas interessadas, um botão de integração universal. como esse do VLibras. só que no HandTalk se bem me lembro é pago e ai tem suporte né…

    então o melhor nesse caso é contactar o LAViD e expor seu problema. pode ser que eles lhe forneçam uma solução.

    boa sorte!

    Criador do tópico aphador

    (@aphador)

    5 anos, 2 meses atrás

    @felipeloureirosantos obrigado pela resposta. Infelizmente o Handtalk tem um custo muito fora da minha realidade no momento, cerca de 7 mil por ano. O VLibras já me atenderia e é gratuito e de uso livre.

    @ralden mais uma vez, obrigado pelo empenho. Na verdade, eu já havia entrado em contato com o LAViD antes, mas não sobre essa dificuldade. Eles implementaram a integração com o site essa semana…antes só existiam as versões para os sistemas operacionais, mas segundo eles muitos usuários se queixavam de ter que baixar programas, queriam algo que já fosse de uso imediato (o que é curioso, já que o programa baixado funcionaria em todos os sites e não só no que tivesse a integração). O HandTalk ainda está em funcionamento, só que agora é uma versão completamente paga, fora da minha realidade, como disse acima.

    Mesmo assim, obrigado pela orientação. Vou enviar um email pra eles acerca dessa questão específica do wordpress, talvez eles me dêem algum norte.

    Edit: Será que usando essa função daria certo?

    • Esta resposta foi modificada 5 anos, 2 meses atrás por aphador. Razão: Adicionar link e pergunta
    Ralden Souza

    (@ralden)

    5 anos, 2 meses atrás

    saudações @aphador,

    a função pode até funcionar, mas indicaria ver com o LAViD antes. ver se eles não tem uma solução (caso algum outro usuário de WordPress já tenha questionado) ou até mesmo passar para eles essa função, que eles podem dar um parecer.

    enfim, eu sou designer, quando envolve código eu procuro um programador para orientar, por questão de tempo e esforço que prefiro economizar investindo em um programador.

    algo interessante seria você aproveitar essa visão, que eu concordo, de que “o programa baixado funcionaria em todos os sites e não só no que tivesse a integração”. coloque um link, banner ou outro tipo de orientação para que eles baixem o programa. é um ótimo serviço de utilidade pública.

    boa sorte!

    Criador do tópico aphador

    (@aphador)

    5 anos, 2 meses atrás

    @ralden , verdade, excelente ideia a do banner. Vou esperar o LAVID me responder o email no inicio da semana e conformo for informo aqui e marco como Resolvido. Muito obrigado!

    Criador do tópico aphador

    (@aphador)

    5 anos, 2 meses atrás

    Tentei editar o comentário anterior e não consegui mais. Enfim, descobri o problema. Meu site é https, e os links do js estavam em http. Foi só colocar em https que funcionou! obrigado pela contribuição de vocês.

    Ralden Souza

    (@ralden)

    5 anos, 2 meses atrás

    uau, um simples detalhe e resolveu tudo.

    agradecemos por compartilhar a solução, poderá ser útil para outros usuários do WordPress.

    sucesso em seu projeto!

    [código é poesia]

    W.Wagner

    (@wash-1)

    5 anos atrás

    Olá @aphador , eu usei o plugin mencionado ao princípio “Insert headers and footers” e está funcionando, insertei o seguinte código:
    <div vw class=”enabled”>
    <div vw-access-button class=”active”></div>
    <div vw-plugin-wrapper>
    <div class=”vw-plugin-top-wrapper”></div>
    </div>
    </div>
    <script src=”https://vlibras.gov.br/app/vlibras-plugin.js”></script&gt;
    <script>
    new window.VLibras.Widget(‘https://vlibras.gov.br/app&#8217;);
    </script>

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • O tópico ‘Widget VLibras’ está fechado para novas respostas.