Guida Rapida al Widget di Monetizzazione del Sito Web di Mellowtel

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 e accesso all’HTML del tuo sito (o un equivalente del framework).

Come funziona

Incorpori il widget

Un tag script rende un pulsante, un’icona o un banner sul tuo sito.

Un visitatore ci clicca sopra

Viene indirizzato a installare l’estensione complementare di Mellowtel.

Ottieni credito

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 se non ne hai uno.
Il tuo invite_id, che trovi nella tua dashboard dopo aver creato un link di supporto.
Accesso all’HTML del tuo sito, o la capacità di aggiungere un tag <script> tramite il tuo framework o CMS.

Incolla questo nel tuo sito, sostituendo INVITE_ID con il valore dalla tua dashboard. È consigliato posizionarlo subito prima di </body> per non bloccare il rendering della pagina.

<script
  src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
  async>
</script>

import Script from 'next/script'

export default function Layout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

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
}

<!-- Aggiungi al footer.php del tuo tema subito prima di </body>, -->
<!-- oppure usa un plugin "Header & Footer Scripts" e incolla nel campo del footer. -->
<script
  src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
  async>
</script>

<!-- Webflow: Impostazioni Progetto > Codice Personalizzato > Codice Footer -->
<!-- Shopify: Negozio Online > Temi > Modifica Codice > theme.liquid (prima di </body>) -->
<script
  src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
  async>
</script>

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. Cambia i parametri type e position nell’URL per vedere ogni variante.

Verifica che funzioni

Carica il tuo sito

Apri la pagina in una nuova scheda del browser (o in una finestra in incognito per bypassare la cache).

Conferma che il widget venga visualizzato

Dovresti vedere il pulsante, l’icona o il banner nella posizione scelta. Se manca, controlla la console del browser per richieste bloccate.

Segui il flusso

Cliccando sul widget dovresti essere portato alla pagina di installazione dell’estensione con il tuo invite_id allegato.

Controlla la tua dashboard

Una volta che un visitatore installa e opta per partecipare, la loro attività appare sulla tua dashboard di Mellowtel.

Risoluzione dei problemi

Il widget non viene visualizzato

Vedo un avviso 'missing invite_id'

Il parametro invite_id è vuoto o contiene ancora il segnaposto letterale INVITE_ID. Copia il valore reale dalla tua dashboard e incollalo nell’URL.

Funziona localmente ma non in produzione

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.

Come rimuovo il widget?

Divulga ai tuoi visitatori

Raccomandiamo di aggiungere una breve nota alla tua politica sulla privacy in modo che i visitatori comprendano cosa significa optare per partecipare. Qualcosa come:

Questo sito collabora con Mellowtel. Se scegli di installare la loro estensione, il tuo browser potrebbe condividere la larghezza di banda inutilizzata per supportare questo sito. L’installazione è facoltativa e puoi scegliere di non partecipare in qualsiasi momento.

Consulta Privacy e Opt in / Opt out per i dettagli completi a cui puoi collegarti.

Hai bisogno di aiuto?

Contattaci a info@mellowtel.com o unisciti a noi su Discord.

Monetizza il tuo sito web con Mellowtel

Come funziona

Prima di iniziare

Installa il widget

Opzioni di configurazione

Verifica che funzioni

Risoluzione dei problemi

Divulga ai tuoi visitatori

Hai bisogno di aiuto?

​Come funziona

​Prima di iniziare

​Installa il widget

​Opzioni di configurazione

​Verifica che funzioni

​Risoluzione dei problemi

​Divulga ai tuoi visitatori

​Hai bisogno di aiuto?

Come funziona

Prima di iniziare

Installa il widget

Opzioni di configurazione

Verifica che funzioni

Risoluzione dei problemi

Divulga ai tuoi visitatori

Hai bisogno di aiuto?