---
title: Integrando o Widget
slug: integrando-o-widget
docTags: 
createdAt: 2023-08-02T01:20:25.704Z
---

A pesquisa através de Widget, é uma forma de disponibilizar as pesquisas diretamente na sua aplicação web. 

- **Como funciona**

 É adicionado um script, baseado em **Javascript**, dentro da aplicação da qual deseja exibir a pesquisa. 

- **Comportamento**

 A partir do momento em que o script for executado, é realizado a chamada da função:

:::BlockQuote
authTSR(); 
:::

É verificado a possibilidade de exibição, se tudo estiver certo, o Widget será exibido. 



::Image[]{src="https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/SGiOxPIxvv3mD1Rul1E7A_image.png" size="46" width="311" height="109" position="center" showCaption="false"}

**Exemplo de script:** 

```javascript
<script src="https://app.tsrtech.com.br/api/widget/widget.js"></script>
<script>
authTSR(authToken,authSurvey,authBackgroundColor,authFontColor,authButtonColor,authButtonHover)
</script> 
```

**Significado dos parâmetros (substituir):**

- authToken: token da instância (*obrigatório*),
- authSurvey: id da jornada (*obrigatório*),
- authBackgroundColor: fundo do widget,
- authFontColor: cor da fonte do texto,
- authButtonColor: cor do botão,
- authButtonHover: cor do hover do botão (quando passa o mouse em cima)
- authShowTime: tempo em milissegundos para que seja exibido o widget (padrão 5000)

Lembrando que o token da instância e o id da jornada são disponibilizados na aplicação, no menu Integração e API. Vale lembrar que a quarentena de exibição da pesquisa (após quanto tempo a mesma será exibida novamente) é a mesma do survey, configurada na jornada.