> ## Documentation Index
> Fetch the complete documentation index at: https://www.mellowtel.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Monetizza il tuo sito web con Mellowtel
> Aggiungi un singolo tag script per permettere ai visitatori di supportarti condividendo la larghezza di banda inutilizzata.
Mellowtel permette ai tuoi visitatori di scegliere di condividere la larghezza di banda inutilizzata in cambio di supportarti. Aggiungi un piccolo widget al tuo sito, i visitatori scelgono di installare l'estensione complementare e guadagni in base alle richieste gestite dal loro browser.
**Tempo stimato:** 5-10 minuti. **Avrai bisogno di:** un [account Mellowtel](https://www.mellowtel.com/mellowtel-auth/) e accesso all'HTML del tuo sito (o un equivalente del framework).
## Come funziona
Un tag script rende un pulsante, un'icona o un banner sul tuo sito.
Viene indirizzato a installare l'estensione complementare di Mellowtel.
Il tuo `invite_id` collega quel visitatore al tuo account, quindi le richieste gestite dal loro browser sono attribuite a te.
## Prima di iniziare
* Un account Mellowtel. [Registrati qui](https://www.mellowtel.com/mellowtel-auth/) se non ne hai uno.
* Il tuo `invite_id`, che trovi nella tua [dashboard](https://www.mellowtel.com/mellowtel-auth/) dopo aver creato un link di supporto.
* Accesso all'HTML del tuo sito, o la capacità di aggiungere un tag `
```
```jsx Next.js (App Router) theme={null}
import Script from 'next/script'
export default function Layout({ children }) {
return (
{children}
)
}
```
```jsx React (Vite / CRA) theme={null}
import { useEffect } from 'react'
export function MellowtelWidget() {
useEffect(() => {
const s = document.createElement('script')
s.src = 'https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID'
s.async = true
document.body.appendChild(s)
return () => { s.remove() }
}, [])
return null
}
```
```html WordPress theme={null}
```
```html Webflow / Shopify theme={null}
```
## Opzioni di configurazione
Controlla l'aspetto del widget tramite i parametri di query nell'URL dello script.
| Parametro | Obbligatorio | Valori | Descrizione |
| ----------- | ------------ | ------------------------------------------------------ | --------------------------------------- |
| `invite_id` | Sì | Il tuo ID dalla dashboard | Attribuisce i guadagni al tuo account. |
| `type` | Sì | `button`, `icon`, `banner` | Stile del widget mostrato sul tuo sito. |
| `position` | Sì | `bottom-right`, `bottom-left`, `top-right`, `top-left` | Dove si trova il widget sulla pagina. |
Anteprima di ogni combinazione dal vivo prima di pubblicare: [apri l'anteprima del widget](https://cdn.mellow.tel/preview?position=bottom-right\&type=button\&invite_id=ijxf49s9h2f). Cambia i parametri `type` e `position` nell'URL per vedere ogni variante.
## Verifica che funzioni
Apri la pagina in una nuova scheda del browser (o in una finestra in incognito per bypassare la cache).
Dovresti vedere il pulsante, l'icona o il banner nella posizione scelta. Se manca, controlla la console del browser per richieste bloccate.
Cliccando sul widget dovresti essere portato alla pagina di installazione dell'estensione con il tuo `invite_id` allegato.
Una volta che un visitatore installa e opta per partecipare, la loro attività appare sulla tua dashboard di Mellowtel.
## Risoluzione dei problemi
* Conferma che il tag script sia all'interno di `` e che il tuo `invite_id` sia compilato.
* Apri DevTools e controlla la scheda Network per una richiesta a `cdn.mellow.tel/widget.js`. Se è bloccata, è probabile che un blocco pubblicità o un filtro di contenuti sia la causa.
* Controlla la tua Content Security Policy. Potresti dover consentire `https://cdn.mellow.tel` sotto `script-src`.
Il parametro `invite_id` è vuoto o contiene ancora il segnaposto letterale `INVITE_ID`. Copia il valore reale dalla tua dashboard e incollalo nell'URL.
Molto spesso una regola CSP o CDN sta rimuovendo lo script. Controlla le intestazioni di risposta sul tuo host di produzione e metti in whitelist `cdn.mellow.tel`.
Elimina il tag `