Chat não abre em mobile dentro do Iframe

Olá! Pessoal, incorporamos nosso bot dentro de um iframe no mobile, porém quando clicamos a tela não abre.

Vou colocar aqui o código e alguns prints dos erros

<htmL>

<head>
  <script src="https://unpkg.com/blip-chat-widget" type="text/javascript">
  </script>
  <script>
    (function () {
      window.onload = function () {
        new BlipChat()
          .withAppKey('APP_KEY')
          .withButton({ "color": "#be6c10", "icon": "" })
          .withTarget('bot')
          .build();
      }
    })();
  </script>
</head>

<body>
  <div id='bot'>
    //seu bot vai aqui
  </div>
</body>

</html>

Aqui o erro da página

Vi em alguns tópicos que acusavam ser erro na arquitetura css da page, mas testamos em uma página em branco e o mesmo erro acontece.

Olá @Artur_Lunardi_Di_Fan tudo bem ?

O erro que está ocorrendo caso seja informado app_key seria tipo esse :
image

Caso seja informo que você tem que inserir o domínio que está chamando a conexão do blib, na configuração do blip chat exemplo :

Outro ponto siga essa documentação : https://help.blip.ai/hc/pt-br/articles/4474390487447 para poder colocar o blip chat no app, pois explica todos esses pontos.

1 curtida

Olá @Rafael_Figueiredo
Não, não é esse erro. O domínio já esta permitido, temos o chat rodando no nosso site normalmente.

O problema é que a tela não carrega mesmo. Algum erro não está permitindo que os scripts sejam executados.

1 curtida

Olá @Artur_Lunardi_Di_Fan rodei o código que você mandou aqui e achei dois pontos para serem verificado 1 deles é a a ausência do código .withCustomCommonUrl('https://chat.blip.ai/') o outro ponto é que realmente há um bloqueio por parte da nova security que a google está solicitando segue documentação : Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)

1 curtida

Ahh já ia me esquecendo @Artur_Lunardi_Di_Fan Por esse codigo funciona de forma correta:

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript">
</script>
<script>
    (function () {
        window.onload = function () {
            new BlipChat()
            .withAppKey('appkeybot')
            .withButton({"color":"#2CC3D5","icon":""})
            .withCustomCommonUrl('https://chat.blip.ai/')
            .build();
        }
    })();
</script>
1 curtida

Olá @Rafael_Figueiredo. Adicionamos o .withCustomCommonUrl('https://chat.blip.ai/') e não resolveu. Sobre o código que você postou, ele funciona, mas não pra carregar no iFrame renderizando na página, que é o que queremos, para isso precisamos do .withTarget('bot'). Sobre a nova security do google, se for isso que está bloqueando seria a Blip que teria que arrumar já que o problema é no carregamento do iFrame disponibilizado, não?

1 curtida

@Artur_Lunardi_Di_Fan Nesse caso para arrumar não é da parte da Take pois é a security implantada tipo nos navegados onde não permitem mais que scripts rodem sem policy e para isso tem que adicionar no próprio site exemplo :

documentação : GitHub - takenet/blip-chat-widget: Widget to enable add the BLiP Chat in your web app or site

1 curtida