Zeig dein Discord-Giveaway als Widget auf deiner eigenen Website

Füge einen Code ein, und dein Discord-Giveaway läuft auf deiner eigenen Website. Besucher nehmen direkt auf der Seite teil, und derselbe Login, mit dem sie teilnehmen, lässt sie auch deinem Server beitreten.

Jedes Giveaway, das du startest, kann auch auf einer Website laufen, die dir gehört: einer Spieleseite, einem Shop, einem Blogartikel oder einer Streamer-Seite. Füge einen kurzen Code ein, und Besucher sehen Preis, Aufgaben und verbleibende Zeit, ohne deine Seite zu verlassen. Es ist dasselbe Giveaway, das der Bot in deinem Discord-Server angekündigt hat, mit denselben Teilnahmen und derselben Auslosung.

Die Teilnahme braucht eine einzige Discord-Autorisierung, die sich in einem eigenen Fenster öffnet. Dieser eine Schritt erkennt die Person, reicht ihre Teilnahme ein und lässt sie deinem Server beitreten. Aus dem Traffic deiner Website werden Mitglieder deiner Community, nicht nur Namen auf einer Teilnahmeliste.

So funktioniert das Website-Widget

Vom Dashboard auf deine Seite, durch die Teilnahme und über die Auslosung hinaus

  1. 1

    Öffne „Auf Website einbetten“ bei einem gestarteten Giveaway

    Jedes Giveaway bekommt sein Widget, sobald es startet. Öffne Auf Website einbetten im Aktionsmenü des Giveaways in deinem Dashboard, auf seiner Detailseite oder im Fenster zum Teilen, das direkt nach dem Start erscheint.

  2. 2

    Wähle Popup-Overlay oder Inline-Embed, dann füge den Code ein

    Das Fenster „Auf deiner Website einbetten“ bietet dir zwei Arten, das Giveaway auf deiner Seite zu zeigen.

    • Popup-Overlay

      Ein Teilnahme-Button auf deiner Seite. Ein Klick öffnet das Giveaway in einem Overlay über deinen Inhalten, und Besucher schließen es, wenn sie fertig sind. Das ist die Standardeinstellung und passt zu den meisten Websites.

    • Inline-Embed

      Das Giveaway sitzt in deiner Seite wie jeder andere Inhaltsblock. Besucher sehen den Preis und die Aufgaben, während sie vorbeiscrollen.

    Kopiere den Code und füge ihn auf jeder Seite ein, auf der du eigenes HTML einbauen kannst. Er besteht aus einem Container und einem Script-Tag.

    <div id="scoplidrop-widget"></div>
<script
  src="https://www.scoplidrop.com/embed/widget.js"
  data-giveaway="YOUR_GIVEAWAY_CODE"
  data-mode="modal"
></script>
    Der Code für das Popup-Overlay. Der Code deines Giveaways kommt in data-giveaway.
  3. 3

    Besucher nehmen teil, ohne deine Seite zu verlassen

    Das Widget zeigt dein Giveaway mit dem Preis, deinem Server, der verbleibenden Zeit und der Aufgabenliste. Klickt jemand auf eine Aufgabe oder auf Weiter mit Discord, öffnet sich die Autorisierung in einem eigenen Fenster, außerhalb deiner Seite. Derselbe Schritt fügt die Person auch deinem Server hinzu.

    Wie es weitergeht, hängt vom Teilnahme-Modus des Giveaways ab. Bei einem Giveaway ohne Aufgaben ist die Person sofort dabei. Bei einem Giveaway mit Aufgaben geht es im Widget weiter, Aufgabe für Aufgabe. Am Ende steht ein Bestätigungsbildschirm mit einem Button zum Teilen des Giveaways, dazu der persönliche Einladungslink, wenn das Einladungssystem aktiv ist.

    Deine Teilnahmeregeln gelten im Widget genau wie bei Share-Links, vom Mindestalter des Accounts bis zu Blacklist-Rollen und Länderbeschränkungen. Mit White-Label-Branding trägt das Widget außerdem dein Theme und dein Logo, ohne die ScopliDrop-Zeile.

  4. 4

    Nach der Auslosung läuft das Widget weiter

    Der Bot verkündet die Gewinner in deinem Server, wo Claim-Tickets die Übergabe des Preises übernehmen können.

    Der Code kann einfach auf deiner Seite bleiben. Sobald das Giveaway endet, zeigt das Widget, was gewonnen wurde, wie viele teilgenommen haben, einen Button, um deinem Server beizutreten, und bis zu drei deiner anderen aktiven Giveaways, die schon Teilnahmen haben. Ein Beitrag, den du vor Monaten veröffentlicht hast, schickt Leser weiter zu dem, was du gerade veranstaltest.

Nimm am eingebetteten Giveaway auf dieser Seite teil

Dieser Rahmen ist das Widget im Modus „Inline-Embed“, verbunden mit einem Demo-Giveaway auf unserem offiziellen Server. Verbinde dich mit Discord, um teilzunehmen.

Das Website-Embed und die Discord-Ankündigung sind zwei Ansichten desselben Giveaways. Vergleiche alle vier Teilnahme-Modi und entscheide, wo deine Teilnahmen stattfinden sollen.

Was du damit aufbauen kannst

Drei Arten, das Widget auf deiner Website einzusetzen

Ein Giveaway in deinem Launch-Beitrag

Setz ein Inline-Embed in ein Devlog, in Patch Notes oder auf eine Release-Seite. Leser nehmen mitten im Artikel teil, und alle Teilnehmenden landen rechtzeitig zum nächsten Update in deinem Server.

Ein Teilnahme-Button auf einer Shop- oder Produktseite

Nimm das Popup-Overlay, wenn dein Layout keinen Platz für ein ganzes Giveaway hat. Die Seite bleibt genau so, wie du sie gestaltet hast, und das Giveaway öffnet sich erst darüber, wenn Besucher es aufrufen.

Dein eigenes Tracking für jede Teilnahme

Das Widget meldet deiner Seite, wenn jemand die Teilnahme abschließt, zusammen mit der Anzahl der Lose. Löse damit dein Analytics- oder Werbe-Conversion-Event aus, oder öffne das Overlay über einen Button, den du selbst gestaltet hast.

<script>
  ScopliDrop.on('entry-submitted', function (data) {
    // data.code is the giveaway, data.entries the visitor's entry count
    yourAnalytics.track('giveaway_entry', data);
  });

  document.querySelector('#my-enter-button').addEventListener('click', function () {
    ScopliDrop.openModal();
  });
</script>
Kommt nach dem Script-Tag des Widgets. Ein Listener für abgeschlossene Teilnahmen, ein eigener Button für das Overlay.

Besucher deiner Website werden Server-Mitglieder

Warum das Giveaway dorthin gehört, wo dein Publikum schon ist

Wer deine Website besucht, hat sich schon entschieden, Zeit mit deiner Arbeit zu verbringen. Das Widget holt diese Leute genau dort ab. Sie lesen vom Preis direkt neben deinen Inhalten und nehmen teil, ohne eine andere Seite zu öffnen.

Die Teilnahme selbst bringt sie in deine Community. Dieselbe Discord-Autorisierung, die ihre Teilnahme zählt, fügt sie deinem Server hinzu. So wird aus einem Seitenaufruf ein Mitglied, das deine nächste Ankündigung sieht.

Und es bleibt ein einziges Giveaway. Der Bot kündigt es weiterhin in deinem Server an, Mitglieder dort nehmen über den Button „Teilnehmen“ teil, und alle landen in derselben Auslosung. Deine Website wird ein weiterer Weg hinein, ohne dass du zusätzlich etwas verwalten musst.

4.8 auf Trustpilot4.95 auf Top.gg

Passt gut dazu

Funktionen, die bestimmen, was Besucher im Widget erwartet

Häufige Fragen zum Website-Widget

Pläne, Server-Beitritt, eigenes Tracking und was nach der Auslosung passiert

Verwandte Funktionen

Share-Links

Teile dein Giveaway überall im Web, und alle Teilnehmenden treten automatisch deinem Discord bei.

Share-Links entdecken

Die vier Teilnahme-Modi

Ohne Aufgaben, Web-Aufgaben, Flexibel und Direkt in Discord: Du entscheidest, wie viel du verlangst, bevor jemand ein Los bekommt.

Die vier Teilnahme-Modi entdecken
Alle ScopliDrop-Funktionen ansehen

Mach Website-Besucher zu Mitgliedern deines Servers

Ein Code auf deiner Seite, dasselbe Giveaway in deinem Server, kostenlos in jedem Plan.

Erstes Giveaway einbettenoder die Pläne für White-Label-Widgets vergleichen