AI Ask Widget aggiunge al tuo sito un bottone "chiedilo alla tua AI": il visitatore scrive una domanda e questa si apre già pronta nella sua AI, con l'URL della pagina come contesto. Niente copia-incolla, niente chatbot da addestrare, nessun dato che passa da te.
Il visitatore può continuare nel servizio che già usa, aggiungendo il proprio contesto alla domanda. Il widget prepara quel passaggio: domanda e URL della pagina. Quanto contesto il servizio conserva e se riesce a leggere il contenuto dipende dalla sessione e dall’IA scelta.
"Spiegamelo come se avessi 10 anni", "adattalo al mio e-commerce", "traducimelo": ogni visitatore ottiene la versione dei tuoi contenuti che serve a lui. Senza che tu scriva una riga in più.
Il visitatore lo farebbe comunque: seleziona, copia, apre ChatGPT, incolla, aggiunge il link. Il widget riduce cinque passaggi a uno — e la conversazione parte già con la tua pagina come contesto.
Niente API key, niente backend, niente costi per token. È un ponte, non un servizio: JavaScript client-side che compone un link. Per questo può essere gratuito per sempre.
Il widget è attivo su questa pagina, in basso al centro.
Clicca il bottone qui sotto e chiedi qualcosa su questa pagina
Ad esempio: "Ha senso questo widget per il mio sito?" — la tua AI riceverà la domanda e l'URL di questa landing, e proverà a usarla come contesto. Il recupero del contenuto dipende dal servizio e dalla sessione.
Non vedi il bottone? Probabilmente hai un ad-blocker aggressivo o JavaScript disabilitato.
Tre passaggi, nessuna magia. E ti diciamo anche dove sono i limiti.
Clicca il bottone, sceglie una domanda suggerita o ne scrive una sua.
Domanda + URL della pagina (+ eventuale "persona AI" che hai configurato tu). Tutto nel browser del visitatore.
Si apre ChatGPT, Perplexity, Google AI Mode o Grok con la domanda già inviata. Per Claude, la domanda viene copiata pronta da incollare.
Questa sezione esiste perché il 90% dei tool AI ti promette il contrario di quello che può mantenere.
Incollala prima della chiusura di </body>. Nessun account, nessuna API key, nessun passaggio due.
<script src="https://www.matteobononi.it/tools/gpt-ask/js/ai-ask.min.js"
data-brand="Chiedilo alla tua AI"
data-ai="chatgpt,perplexity,gemini"
defer></script>
Fatto. Il widget è attivo, nella lingua del tuo sito.
Tutto via attributi data-*, zero JavaScript da scrivere.
data-aiQuali AI mostrare: chatgpt, perplexity, gemini (Google AI Mode), grok, claude — una o più, separate da virgoladata-brandTesto del bottone (es. "Chiedi all'AI", "Ask about this article")data-languageen, it, es, fr, de — se non la imposti, usa la lingua della paginadata-questionsDomande suggerite personalizzate (CSV o JSON)data-context-prefixIstruzioni premesse al prompt: dai all'AI una "persona" (es. "Rispondi come un senior developer")data-colorColore esadecimale senza # (default: quello della prima AI)data-positioncenter, right o leftdata-analytics"true" per inviare l'evento ai_ask_send al dataLayer (GA4/GTM)defer: non blocca il rendering. Per confronto: una sola foto di un tipico slider ne pesa venti volte tanto.Se non ti convince, lo togli con la stessa riga con cui l'hai messo.
Copia il codiceFatto da Matteo Bononi · GitHub · Esempi · English version