Od nule do petlje za pet minuta.
Sve u nastavku je spremno za kopiranje. Na kraju imat ćete widget u aplikaciji, javnu roadmapu, priključenog AI agenta i changelog koji se sam najavljuje.
Brzi početak
Cijela petlja je pet koraka. Registrirajte se, dodajte jedan script tag, objavite roadmapu, usmjerite agenta na MCP i pustite changelog da se napiše sam.
1. Stvorite projekt
Registrirajte se i stvorite projekt iz nadzorne ploče. Dajte mu ime i slug — slug identificira projekt kroz widget, javne stranice i API.
2. Ugradite widget za povratne informacije
Dodajte jednu oznaku prije </body>. To je cijela instalacija — ID projekta preuzmite iz Postavke → Embed u nadzornoj ploči.
<!-- Add before </body> --> <script src="https://api.usedamper.com/widget.js" data-project-id="YOUR_PROJECT_ID" ></script>
Sve je podesivo putem atributa — tema, pozicija, boje, stil okidača i tekst koji korisnici vide:
<script src="https://api.usedamper.com/widget.js" data-project-id="YOUR_PROJECT_ID" data-theme="auto" data-position="right" data-primary-color="#2563eb" data-trigger-label="Feedback" data-trigger-style="subtle" data-greeting="How can we improve?" data-placeholder="Describe your idea..." data-keyboard-shortcut="ctrl+shift+f" data-feedback-types="bug,feature,improvement" data-enable-sentiment="true" ></script>
| Atribut | Zadano | Opis |
|---|---|---|
data-project-id | — | Your project ID — required. Finds your widget config and routes submissions. |
data-server-url | — | Override the API base URL (for self-hosting or custom domains). |
data-theme | auto | Match your app — light, dark or auto. |
data-position | right | Which corner the trigger sits in. |
data-primary-color | #2563eb | Accent color for the widget UI. |
data-trigger-label | Feedback | Text on the trigger button. |
data-trigger-style | subtle | How loud the trigger looks. |
data-greeting | — | First line users see when it opens. |
data-keyboard-shortcut | — | Power-user shortcut to open it. |
data-feedback-types | bug,feature,improvement | Which types users can submit. |
data-enable-sentiment | true | Analyze tone of submissions. |
Identificiraj prijavljene korisnike
Proslijedite prijavljenog korisnika widgetu s HMAC potpisom i njegovim planom — glasovi stižu unaprijed težinski, a widget može biti ograničen samo na identificirane korisnike.
// after your user logs in Damper.identify({ userId: "user_123", // required email: "user@example.com", // optional, for notifications plan: "pro", // optional, drives vote weight tier: 50, // optional, priority 1-99 userHash: "hmac-signature" // optional, verified identity });
JavaScript API
Sve je kontrolirano i iz koda: Damper.open(), Damper.close(), Damper.isOpen(), Damper.isIdentified() i Damper.identify() — za otvaranje widgeta nakon upsell upita ili slanje povratnih informacija iz vlastitog sučelja.
3. Objavite svoju roadmapu
Stvarite stavke roadmape iz povratnih informacija u inboxu — ili ispočetka. Dodajte ih na ploču, označite javnima i podijelite poveznicu. Glasovači biraju stavke, ostavljaju e-poštu i njihovi glasovi pogađaju vašu ocenu potražnje.
Vaš projekt uz roadmapu dobiva i javnu ploču povratnih informacija i changelog — svaki sa svojim prekidačem, stilom i pretplatnicima.
4. Povežite svog AI agenta
Damper isporučuje hostani MCP poslužitelj — svaki MCP klijent može raditi na vašoj roadmapi. Dodajte ga u Claude Codeov .mcp.json:
{
"mcpServers": {
"damper": {
"type": "http",
"url": "https://api.usedamper.com/mcp",
"headers": {
"Authorization": "Bearer dmp_..."
}
}
}
}
Ključ stvorite pod Postavke → API ključevi. Preporučena agentska petlja: get_project_context → list_tasks → start_task → rad → complete_task.
5. Automatizirajte changelog
Kad je javni zadatak označen gotovim, Damper ga dodaje u nacrt unosa changeloga. Objavite ga i glasači se automatski obavijeste e-poštom. Povežite X pod integracijama i izdanja se objavljuju sama.
Integracije
- Slack — instalirajte Damper aplikaciju u svoj workspace i koristite prečac poruke da svaku nit pretvorite u povratnu informaciju.
- X / Twitter — povežite račun jednom; objavljeni unosi changeloga mogu se sami objavljivati.
- Stripe — vaši razine plana upravljaju težinskim glasova na roadmapi.
- E-pošta — glasači i podnositelji obavijeste se kad se ono što su tražili isporuči.
OAuth 2.0 Provider
Create OAuth applications to let external services submit and read feedback from your Damper project. Supports the authorization code flow with optional PKCE.
S pristupnim tokenom koji ima opseg feedback:write pošaljite povratne informacije putem POST /api/external/feedback. Uključite visitor.userId (ili visitor.externalId) i po želji metadata.language za odabir jezika obavijesti pošiljatelja.
{
"metadata": {
"language": "sl-SI"
}
}
Jezik obavijesti — Postavite metadata.language na en, sl ili hr ili upotrijebite podržanu BCP 47 oznaku, primjerice sl-SI. Vrijednost se sprema za posjetitelja u projektu i određuje njegove buduće obavijesti. Nepodržana ili izostavljena vrijednost ne mijenja postojeću postavku; ako nema podržane postavke posjetitelja, pri prikazu se koristi jezik projekta, a zatim engleski. Sadržaj povratnih informacija i odgovora ne prevodi se automatski.
Isto neobavezno polje metadata.language podržano je pri glasanju putem POST /api/external/feedback/{feedbackId}/vote. Ažurira samo jezik posjetitelja u tom projektu.
Referenca
Dubinske analyze za graditelje:
- MCP referenca — svih 100+ alata, autentikacija i tijek rada. — all 100+ tools, auth and the workflow.
- AI izvršavanje — kako agenti rade na vašoj roadmapi. — how agents work your roadmap.
- Težinsko glasovanje — kako se računaju ocene potražnje. — how demand scores are calculated.
- Pages — bilješke, sastanci i stranice baza sa živim relacijama. — notes, meetings and database pages with live relations.
- Statusne stranice — monitori, incidenti i e-pošta pretplatnika. — monitors, incidents and subscriber emails.
- Zapisi grešaka — učitavajte produkcijske greške putem API-ja. — ingest production errors by API.
- Widget — identitet, privici i JS API. — identity, attachments and the JS API.
- Graf konteksta — tipkani kontekst za agente za kodiranje. — typed context for coding agents.
- Status pages — monitors, incidents and subscriber emails.
- Error logs — ingest production errors by API.
- Widget — identity, attachments and the JS API.
- Context graph — typed context for coding agents.