{"id":38420,"date":"2019-10-31T22:23:38","date_gmt":"2019-10-31T19:23:38","guid":{"rendered":"https:\/\/prohoster.info\/blog\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow\/"},"modified":"2019-10-31T22:23:38","modified_gmt":"2019-10-31T19:23:38","slug":"delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","status":"publish","type":"post","link":"https:\/\/prohoster.info\/it\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Creiamo il nostro Google Call Screening basato su Voximplant e Dialogflow","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Creiamo<\/a><\/noindex>
\nForse hai sentito o letto riguardo alla funzione Call Screening che Google ha lanciato per i suoi telefoni Pixel negli Stati Uniti. L'idea \u00e8 ottima: quando ricevi una chiamata in ingresso, l'assistente virtuale inizia a comunicare, mentre tu puoi vedere questa conversazione sotto forma di chat e in qualsiasi momento puoi iniziare a parlare al posto dell'assistente. Questo \u00e8 molto utile oggigiorno, quando quasi met\u00e0 delle chiamate sono spam<\/a><\/noindex>, ma non vuoi comunque perdere chiamate importanti da qualcuno che non \u00e8 nella tua lista contatti. L'unico problema \u00e8 che questa funzionalit\u00e0 \u00e8 disponibile solo sui telefoni Pixel e solo negli Stati Uniti. Beh, ci sono ostacoli da superare, giusto? Perci\u00f2 abbiamo deciso di mostrare come realizzare una soluzione simile utilizzando Voximplant e Dialogflow. Ti invitiamo a proseguire.
\n<\/a><\/noindex><\/p>\n

Architettura<\/h2>\n

\nTi consiglio di non perdere tempo a spiegare come funzionano Voximplant e Dialogflow; se vuoi, troverai facilmente informazioni su internet. Quindi, conosciamo il concetto alla base del nostro Call Screening.<\/p>\n

Supponiamo che tu abbia gi\u00e0 un numero di telefono che usi quotidianamente e su cui ricevi chiamate importanti. In tal caso, avremo bisogno di un secondo numero, che sar\u00e0 indicato ovunque: nelle email, sui biglietti da visita, quando compili moduli online, ecc. Questo numero sar\u00e0 collegato a un sistema di elaborazione del linguaggio naturale (nel nostro caso, Dialogflow) e inoltrer\u00e0 le chiamate al tuo numero principale, solo se lo desideri. Nella forma di uno schema, appare cos\u00ec (l'immagine \u00e8 cliccabile):
\n\"Creiamo<\/a><\/noindex>
\nComprendendo l'architettura, possiamo procedere con l'implementazione, ma con una nota: non creeremo un'applicazione<\/b> mobile per mostrare il dialogo tra Dialogflow e l'abbonato in ingresso; creeremo invece una semplice applicazione<\/b>-web che mostrer\u00e0 il dialogo per dimostrare chiaramente il principio del Call Screening. In questa applicazione ci sar\u00e0 un pulsante Intervene, che, se premuto, collegher\u00e0 Voximplant all'abbonato in ingresso con l'abbonato chiamato, se quest'ultimo decide di parlare da solo.<\/p>\n

Implementazione<\/h2>\n

\nAccedi al tuo account Voximplant<\/a><\/noindex> e crea una nuova applicazione, ad esempio, screening:<\/p>\n

\"Creiamo
\nApri sezione \u00abNumeri\u00bb<\/a><\/noindex> e acquista un numero che funger\u00e0 da intermediario:<\/p>\n

\"Creiamo
\nQuindi, accedi all'applicazione screening, nella sezione \"Numeri\", scheda \"Disponibili\". Qui vedrai il numero appena acquistato. Collega il numero all'applicazione utilizzando il pulsante \"Collega\" \u2013 nella finestra che si aprir\u00e0, lascia tutti i valori predefiniti e clicca su \"Collega\".<\/p>\n

Essendo all'interno dell'applicazione, vai alla scheda \"Scenari\" e crea uno scenario chiamato myscreening \u2013 qui utilizzeremo il codice dell'articolo How to use Dialogflow Connector<\/a><\/noindex>. Il codice sar\u00e0 leggermente modificato, poich\u00e9 dobbiamo \"vedere\" il dialogo tra il chiamante e l'assistente; puoi prenderlo qui<\/a><\/noindex>.<\/p>\n

ATTENZIONE: dovrai modificare il valore della variabile server con il nome del tuo server ngrok (i dettagli su ngrok verranno forniti pi\u00f9 in basso). Inoltre, inserisci i tuoi valori alla riga 31, dove il tuo numero di telefono \u00e8 il tuo numero principale (ad esempio, il numero di cellulare personale), e il numero voximplant \u00e8 il numero che hai appena acquistato.<\/p>\n

outbound_call = VoxEngine.callPSTN(\"YOUR PHONE NUMBER\", \"VOXIMPLANT NUMBER\")<\/code><\/pre>\n
\nLa chiamata callPSTN avverr\u00e0 nel momento in cui decidi di intervenire nella conversazione e parlare personalmente con il chiamante in entrata.<\/p>\n
Dopo aver salvato lo scenario, devi collegarlo al numero acquistato. Per farlo, continuando nell'applicazione, vai alla scheda \"Routing\" per creare una nuova regola \u2013 clicca su \"Nuova regola\" in alto a destra. Specifica un nome (ad esempio, allcalls), lascia la maschera di default (.* \u2013 che significa che tutte le chiamate in entrata saranno gestite dagli scenari scelti per questa regola) e indica lo scenario myscreening.<\/p>\n
\"Creiamo
\nSalva la regola.<\/p>\n
Da questo momento in poi, il numero di telefono \u00e8 collegato allo scenario. L'ultima cosa da fare \u00e8 collegare il bot all'applicazione. Per farlo, vai alla scheda \"Connector Dialogflow\", clicca sul pulsante \"Aggiungi agente Dialogflow\" in alto a destra e carica il file JSON del tuo agente Dialogflow.<\/p>\n
\"Creiamo
\nSe hai bisogno di un agente per esempio\/test, puoi prendere il nostro a questo link: github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Solo non aspettarti troppo da lui, \u00e8 solo un esempio che puoi modificare come vuoi e condividere i risultati \ud83d\ude42<\/p>\n
Un semplice backend in NodeJS<\/h2>\n
\nCreiamo un semplice backend in node, ad esempio, questo:
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
\u00c8 un'applicazione comune che richiede solo due comandi per essere avviata:<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nIl server si avvier\u00e0 sulla porta 3000 della vostra macchina, quindi per connetterlo al cloud di Voximplant, utilizziamo l'utilit\u00e0 ngrok. Quando lo installerete ngrok<\/a><\/noindex>, eseguitelo con il comando:<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nVedrete il nome di dominio che ngrok ha generato per il vostro server locale: copiatelo e inseritelo nella variabile server.<\/p>\n
Cliente<\/h2>\n
\nL'applicazione client appare come una semplice chat, che potete scaricare da qui<\/a><\/noindex>.<\/p>\n
Basta copiare tutti i file in una directory sul vostro server web e funzioner\u00e0. Nel file script.js, sostituite il valore della variabile server con il nome di dominio di ngrok e il valore della variabile callee con il numero che avete acquistato. Salvate il file e avviate l'applicazione nel browser. Se tutto \u00e8 a posto, vedrete la connessione WebSocket nel pannello di sviluppo.<\/p>\n
Demo<\/h2>\n
\nPotete vedere l'app in azione in questo video:<\/p>\n
\r\n        \"Guarda\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Se premi il pulsante Intervene, la persona che chiama verr\u00e0 indirizzata al mio numero di telefono, mentre se premi Disconnect... Esatto, la chiamata sar\u00e0 interrotta.
\n
Fonte: habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"
\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u044b \u0441\u043b\u044b\u0448\u0430\u043b\u0438 \u0438\u043b\u0438 \u0447\u0438\u0442\u0430\u043b\u0438 \u043f\u0440\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044e Call Screening, \u043a\u043e\u0442\u043e\u0440\u0443\u044e Google \u0432\u044b\u043a\u0430\u0442\u0438\u043b \u0434\u043b\u044f \u0441\u0432\u043e\u0438\u0445 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u0432 Pixel \u0432 \u0421\u0428\u0410. \u0418\u0434\u0435\u044f \u043e\u0442\u043b\u0438\u0447\u043d\u0430\u044f \u2013 \u043a\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0437\u0432\u043e\u043d\u043e\u043a, \u0442\u043e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0432\u044b \u0432\u0438\u0434\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440 \u0432 \u0432\u0438\u0434\u0435 \u0447\u0430\u0442\u0430 \u0438 \u0432 \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0447\u0430\u0442\u044c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u043e \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u0430. \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0432 […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":28839,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-38420","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Creiamo il nostro Google Call Screening basato su Voximplant e Dialogflow | ProHoster","description":"","canonical_url":"https:\/\/prohoster.info\/it\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"it_IT","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0414\u0435\u043b\u0430\u0435\u043c \u0441\u0432\u043e\u0439 Google Call Screening \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 Voximplant \u0438 Dialogflow | ProHoster","og:url":"https:\/\/prohoster.info\/it\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:23:38+00:00","article:modified_time":"2019-10-31T19:23:38+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"38420","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-23 21:58:20","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 01:09:23","updated":"2026-01-23 21:58:20","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}