Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.mellowtel.com/llms.txt

Use this file to discover all available pages before exploring further.

Mellowtel laat je bezoekers kiezen om ongebruikte bandbreedte te delen in ruil voor ondersteuning. Je voegt een kleine widget toe aan je site, bezoekers kiezen ervoor om de bijbehorende extensie te installeren, en je verdient op basis van de verzoeken die hun browser afhandelt.
Geschatte tijd: 5 tot 10 minuten. Je hebt nodig: een Mellowtel-account en toegang tot de HTML van je site (of een equivalent framework).

​
Hoe het werkt

1

Je integreert de widget

Een script-tag toont een knop, pictogram of banner op je site.
2

Een bezoeker klikt erop

Ze worden doorgestuurd om de Mellowtel-extensie te installeren.
3

Je krijgt krediet

Je invite_id koppelt die bezoeker aan je account, zodat verzoeken die door hun browser worden afgehandeld aan jou worden toegeschreven.

​
Voordat je begint

  • Een Mellowtel-account. Meld je hier aan als je er nog geen hebt.
  • Je invite_id, te vinden op je dashboard na het aanmaken van een ondersteuningslink.
  • Toegang tot de HTML van je site, of de mogelijkheid om een <script>-tag toe te voegen via je framework of CMS.

​
Installeer de widget

Plak dit op je site en vervang INVITE_ID door de waarde van je dashboard. Het wordt aanbevolen om het net voor </body> te plaatsen zodat het de paginarendering niet blokkeert. 
<script
  src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
  async>
</script>

​
Configuratie-opties

Beheer het uiterlijk van de widget via queryparameters in de script-URL.
ParameterVereistWaardenBeschrijving
invite_idJaJe ID van het dashboardKen verdiensten toe aan je account.
typeJabutton, icon, bannerWidgetstijl die op je site wordt getoond.
positionJabottom-right, bottom-left, top-right, top-leftWaar de widget op de pagina staat.
Bekijk elke combinatie live voordat je deze verzendt: open de widgetvoorbeeld. Wissel de type en position parameters in de URL om elke variant te zien.

​
Verifieer of het werkt

1

Laad je site

Open de pagina in een nieuwe browsertab (of incognitovenster om de cache te omzeilen).
2

Bevestig dat de widget wordt weergegeven

Je zou de knop, het pictogram of de banner op de door jou gekozen positie moeten zien. Als het ontbreekt, controleer dan de browserconsole op geblokkeerde verzoeken.
3

Klik door de flow

Door op de widget te klikken, zou je naar de extensie-installatiepagina moeten worden geleid met je invite_id eraan gekoppeld.
4

Controleer je dashboard

Zodra een bezoeker installeert en zich aanmeldt, verschijnt hun activiteit op je Mellowtel-dashboard.

​
Problemen oplossen

  • Bevestig dat de script-tag binnen <body> staat en je invite_id is ingevuld.
  • Open DevTools en controleer het Netwerk-tabblad voor een verzoek naar cdn.mellow.tel/widget.js. Als het geblokkeerd is, is een adblocker of inhoudsfilter waarschijnlijk de oorzaak.
  • Controleer je Content Security Policy. Je moet mogelijk https://cdn.mellow.tel toestaan onder script-src.
De invite_id parameter is leeg of bevat nog steeds de letterlijke INVITE_ID placeholder. Kopieer de echte waarde van je dashboard en plak deze in de URL.
Meestal wordt een CSP- of CDN-regel het script gestript. Controleer de response headers op je productiehost en plaats cdn.mellow.tel op de witte lijst.
Verwijder de <script>-tag (of de frameworkcomponent die het omhult). Er is verder niets om op te ruimen.

​
Informeer je bezoekers

We raden aan om een korte notitie toe te voegen aan je privacybeleid zodat bezoekers begrijpen wat het betekent om in te stemmen. Iets als:
Deze site werkt samen met Mellowtel. Als je ervoor kiest om hun extensie te installeren, kan je browser ongebruikte bandbreedte delen om deze site te ondersteunen. Installatie is optioneel en je kunt je op elk moment afmelden.
Zie Privacy en Aanmelden / Afmelden voor de volledige details waar je naar kunt linken.

​
Hulp nodig?

Neem contact op via info@mellowtel.com of sluit je aan bij ons op Discord.