Patreon Integration: Supporter Wall, Tier-Display & Goal-Widgets #64

Open
opened 2026-07-15 20:02:25 +02:00 by frank · 0 comments
Owner

Kontext

Patreon bietet über die API v2 detaillierte Informationen zu Goals (Fortschrittsziele) und Tiers (Mitgliedschaftsstufen). Streamer nutzen Patreon-Goals als zentrales Engagement-Instrument und möchten ihre Patrons öffentlich würdigen.

Patreon Goal API:

  • Goals sind kampagnen-basiert mit Titel, Beschreibung, Zielbetrag und aktuellem Betrag
  • Automatisch aktualisiert wenn neue Patrons beitreten
  • Webhook-Events: goal:create, goal:update, goal:delete

Patreon Tier API:

  • Jedes Tier hat: Name, Beschreibung, Preis (Cents), Bild, veröffentlicht/versteckt
  • Patrons sind über members mit Tiers verknüpft
  • Webhook-Events: tier:create, tier:update, tier:delete

Member Data (für Supporter Wall):

  • full_name, patron_status, currently_entitled_amount_cents
  • lifetime_support_cents, pledge_relationship_start
  • tier (Name, Bild, Preis)
  • last_charge_date, last_charge_status

Ziel

Patreon Supporter Wall, Tier-Display & Goal Widgets für streamertool:

1. Patreon Goal Widget (OBS Overlay)

  • Live-Goal-Fortschritt aus Patreon API (Goal-Titel, Zielbetrag, aktueller Betrag)
  • Automatische Synchronisation via API-Polling + Webhook-Updates
  • Multi-Goal Support (mehrere Ziele parallel darstellbar)
  • Fortschrittsbalken mit Prozent und Betrag
  • Animation bei Zielerreichung (Celebration Overlay + Sound)
  • Konfigurierbares Design (Farben, Position, Größe, Schriftart)
  • Auto-Switch zwischen Goals (zirkulierend)

2. Patreon Supporter Wall (OBS Overlay)

  • Scrollende/statische Liste aller aktiven Patrons
  • Gruppiert nach Tier-Stufen (höchstes Tier zuerst)
  • Anzeige: Name, Tier-Badge, Support-Dauer, Lifetime-Betrag optional
  • Konfigurierbar: Max-Anzahl, Sortierung (neueste/älteste/höchstes Tier)
  • "Shoutout"-Modus: Einzelner Patron wird hervorgehoben (Trigger via Chat-Command)
  • Supporter Wall Bildschirmfüllend (für BRB/Endscreen)
  • Respektiert Patreon's Privacy-Einstellungen

3. Tier-Display Widget

  • Alle verfügbaren Tiers der Kampagne anzeigen
  • Name, Preis, Beschreibung, Vorteile
  • Wie viele Patrons aktuell pro Tier
  • Konfigurierbare Darstellung (horizontal, vertikal, Raster)
  • "Next Tier Up" — zeigt nächste erreichbare Stufe für den Streamer
  • Highlight des beliebtesten Tiers

4. Patreon Recognition Overlay

  • Monthly Top Patrons — Top 3 des Monats (nach Lifetime-Wachstum)
  • Milestone Celebration — Bei Erreichen bestimmter Patron-Anzahlen (10, 25, 50, 100)
  • Patreon-versus-Ko-fi Vergleich — Gesamteinnahmen aus beiden Plattformen
  • Loyalty Badge — Patrons mit >6 Monaten erhalten spezielles Badge

5. Feature Gating (Patreon-Exklusiv)

  • Overlays/Widgets können auf bestimmte Patreon-Tiers beschränkt werden
  • Patreon-Only Overlays (nur sichtbar wenn Patron aktiv)
  • Exklusive Chat-Befehle für Patrons
  • API-Abfrage: Prüfung des Patron-Status via OAuth (für Viewer-Login)

6. Dashboard

  • Übersicht: Aktive Patrons, Revenue (Current/Month), Lifetime Revenue
  • Goal-Management: Welche Goals im Overlay angezeigt werden
  • Tier-Konfiguration: Welche Tiers öffentlich angezeigt werden
  • Supporter Wall Vorschau (wie sieht's im Stream aus?)
  • Patreon-vs-Ko-fi kombinierte Revenue-Ansicht
  • Manueller Force-Sync

Technische Leitplanken

  • Setzt #63 voraus — OAuth, API-Zugriff und Webhooks von #63 sind erforderlich
  • Datenquelle: Patreon API v2 (Goals, Tiers, Members) + Webhook-Updates
  • Goals: Direkt über campaign/{id}?include=goals,tiers abrufbar
  • Supporter: Aus Member-Sync (#63) mit Tier-Zuordnung
  • Overlays: HTML/CSS/JS Browser Sources via lokalen Server
  • Konfiguration: In settings.json unter integrations.patreon.goals
  • Feature-Gating: Kein externer Auth-Server — nur lokale Tier-Prüfung (für exklusive Overlays im eigenen Stream)

Akzeptanz

  • Goal Widget zeigt Fortschritt aus Patreon API und aktualisiert live
  • Supporter Wall zeigt alle aktiven Patrons gruppiert nach Tier
  • Tier-Display zeigt alle verfügbaren Stufen mit Preisen und Patron-Zahlen
  • Milestone Celebration triggert bei bestimmten Patron-Zahlen
  • Feature Gating blendet Overlays basierend auf Tier aus/ein
  • Dashboard zeigt kombinierte Patreon-Übersicht
  • Supporter Wall funktioniert als OBS Browser Source Overlay

Verwandte Issues

  • #30 Donation/Tip-System
  • #61/#62 Ko-fi Integration
  • #63 Patreon OAuth & Alert-Overlay (VORAUSSETZUNG)
## Kontext Patreon bietet über die API v2 detaillierte Informationen zu **Goals** (Fortschrittsziele) und **Tiers** (Mitgliedschaftsstufen). Streamer nutzen Patreon-Goals als zentrales Engagement-Instrument und möchten ihre Patrons öffentlich würdigen. **Patreon Goal API:** - Goals sind kampagnen-basiert mit Titel, Beschreibung, Zielbetrag und aktuellem Betrag - Automatisch aktualisiert wenn neue Patrons beitreten - Webhook-Events: `goal:create`, `goal:update`, `goal:delete` **Patreon Tier API:** - Jedes Tier hat: Name, Beschreibung, Preis (Cents), Bild, veröffentlicht/versteckt - Patrons sind über `members` mit Tiers verknüpft - Webhook-Events: `tier:create`, `tier:update`, `tier:delete` **Member Data (für Supporter Wall):** - `full_name`, `patron_status`, `currently_entitled_amount_cents` - `lifetime_support_cents`, `pledge_relationship_start` - `tier` (Name, Bild, Preis) - `last_charge_date`, `last_charge_status` ## Ziel **Patreon Supporter Wall, Tier-Display & Goal Widgets** für streamertool: ### 1. Patreon Goal Widget (OBS Overlay) - [ ] Live-Goal-Fortschritt aus Patreon API (Goal-Titel, Zielbetrag, aktueller Betrag) - [ ] Automatische Synchronisation via API-Polling + Webhook-Updates - [ ] Multi-Goal Support (mehrere Ziele parallel darstellbar) - [ ] Fortschrittsbalken mit Prozent und Betrag - [ ] Animation bei Zielerreichung (Celebration Overlay + Sound) - [ ] Konfigurierbares Design (Farben, Position, Größe, Schriftart) - [ ] Auto-Switch zwischen Goals (zirkulierend) ### 2. Patreon Supporter Wall (OBS Overlay) - [ ] Scrollende/statische Liste aller aktiven Patrons - [ ] Gruppiert nach Tier-Stufen (höchstes Tier zuerst) - [ ] Anzeige: Name, Tier-Badge, Support-Dauer, Lifetime-Betrag optional - [ ] Konfigurierbar: Max-Anzahl, Sortierung (neueste/älteste/höchstes Tier) - [ ] "Shoutout"-Modus: Einzelner Patron wird hervorgehoben (Trigger via Chat-Command) - [ ] Supporter Wall Bildschirmfüllend (für BRB/Endscreen) - [ ] Respektiert Patreon's Privacy-Einstellungen ### 3. Tier-Display Widget - [ ] Alle verfügbaren Tiers der Kampagne anzeigen - [ ] Name, Preis, Beschreibung, Vorteile - [ ] Wie viele Patrons aktuell pro Tier - [ ] Konfigurierbare Darstellung (horizontal, vertikal, Raster) - [ ] "Next Tier Up" — zeigt nächste erreichbare Stufe für den Streamer - [ ] Highlight des beliebtesten Tiers ### 4. Patreon Recognition Overlay - [ ] **Monthly Top Patrons** — Top 3 des Monats (nach Lifetime-Wachstum) - [ ] **Milestone Celebration** — Bei Erreichen bestimmter Patron-Anzahlen (10, 25, 50, 100) - [ ] **Patreon-versus-Ko-fi Vergleich** — Gesamteinnahmen aus beiden Plattformen - [ ] **Loyalty Badge** — Patrons mit >6 Monaten erhalten spezielles Badge ### 5. Feature Gating (Patreon-Exklusiv) - [ ] Overlays/Widgets können auf bestimmte Patreon-Tiers beschränkt werden - [ ] Patreon-Only Overlays (nur sichtbar wenn Patron aktiv) - [ ] Exklusive Chat-Befehle für Patrons - [ ] API-Abfrage: Prüfung des Patron-Status via OAuth (für Viewer-Login) ### 6. Dashboard - [ ] Übersicht: Aktive Patrons, Revenue (Current/Month), Lifetime Revenue - [ ] Goal-Management: Welche Goals im Overlay angezeigt werden - [ ] Tier-Konfiguration: Welche Tiers öffentlich angezeigt werden - [ ] Supporter Wall Vorschau (wie sieht's im Stream aus?) - [ ] Patreon-vs-Ko-fi kombinierte Revenue-Ansicht - [ ] Manueller Force-Sync ## Technische Leitplanken - **Setzt #63 voraus** — OAuth, API-Zugriff und Webhooks von #63 sind erforderlich - **Datenquelle**: Patreon API v2 (Goals, Tiers, Members) + Webhook-Updates - **Goals**: Direkt über `campaign/{id}?include=goals,tiers` abrufbar - **Supporter**: Aus Member-Sync (#63) mit Tier-Zuordnung - **Overlays**: HTML/CSS/JS Browser Sources via lokalen Server - **Konfiguration**: In `settings.json` unter `integrations.patreon.goals` - **Feature-Gating**: Kein externer Auth-Server — nur lokale Tier-Prüfung (für exklusive Overlays im eigenen Stream) ## Akzeptanz - [ ] Goal Widget zeigt Fortschritt aus Patreon API und aktualisiert live - [ ] Supporter Wall zeigt alle aktiven Patrons gruppiert nach Tier - [ ] Tier-Display zeigt alle verfügbaren Stufen mit Preisen und Patron-Zahlen - [ ] Milestone Celebration triggert bei bestimmten Patron-Zahlen - [ ] Feature Gating blendet Overlays basierend auf Tier aus/ein - [ ] Dashboard zeigt kombinierte Patreon-Übersicht - [ ] Supporter Wall funktioniert als OBS Browser Source Overlay ## Verwandte Issues - #30 Donation/Tip-System - #61/#62 Ko-fi Integration - #63 Patreon OAuth & Alert-Overlay **(VORAUSSETZUNG)**
Sign in to join this conversation.
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
frank/streamertool#64
No description provided.