Documentação para desenvolvedores
Botão de feedback
Uma tag de script adiciona um botão que abre o seu board.
Instalação
Cole isto antes do fechamento da tag body. As configurações de cada board trazem o snippet com o endereço já preenchido.
<script src="https://fdbk.online/widget.js" data-board="acme/app" defer></script>O board abre em um painel sobre a sua página, onde as pessoas votam, publicam e comentam; no celular ele ocupa a tela inteira. Quando o navegador bloqueia os cookies do board dentro do painel (o Safari faz isso por padrão), o board oferece um link para abrir em uma janela própria, e o botão passa a abrir essa janela. Se o seu site define uma Content-Security-Policy, adicione https://fdbk.online a script-src e frame-src.
Opções
| Atributo | Descrição |
|---|---|
data-boardobrigatório | Seu board no formato workspace/board, por exemplo acme/app. |
data-label | Texto do botão. Padrão: Feedback. |
data-color | Cor do botão em #rrggbb. Padrão: quase preto. |
data-position | right (padrão) ou left. |
data-page | Onde ele abre: vazio para o board, new para começar um post, roadmap ou changelog. |
data-button | false esconde o botão flutuante, para quando você abre o board pelos seus próprios links. |
data-mode | popup abre o board em uma janela própria, em vez do painel. |
data-sso-token | Um token de login único gerado pelo seu servidor, para as pessoas chegarem autenticadas (Pro). |
Seu próprio link
Qualquer elemento com data-fdbk abre o board; o valor escolhe a página. Ou chame FDBK.open(), FDBK.close() ou FDBK.toggle().
<script src="https://fdbk.online/widget.js" data-board="acme/app" data-button="false" defer></script>
<a href="#" data-fdbk>Send feedback</a>
<a href="#" data-fdbk="new">Request a feature</a>
<a href="#" data-fdbk="changelog">What's new</a>Para as pessoas chegarem autenticadas, adicione data-sso-token com um token gerado pelo seu servidor: veja login único.