{"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\/pt\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Criamos nosso Google Call Screening com base no Voximplant e no Dialogflow","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Criamos<\/a><\/noindex>
\nVoc\u00ea pode ter ouvido ou lido sobre a fun\u00e7\u00e3o Call Screening que o Google lan\u00e7ou para seus telefones Pixel nos EUA. A ideia \u00e9 \u00f3tima \u2013 quando voc\u00ea recebe uma chamada, o assistente virtual come\u00e7a a conversar, enquanto voc\u00ea v\u00ea essa conversa em forma de chat e pode a qualquer momento come\u00e7ar a falar em vez do assistente. Isso \u00e9 muito \u00fatil hoje em dia, quando quase metade das chamadas s\u00e3o spam<\/a><\/noindex>, mas mesmo assim voc\u00ea n\u00e3o quer perder chamadas importantes de algu\u00e9m que n\u00e3o est\u00e1 na sua lista de contatos. A \u00fanica complica\u00e7\u00e3o \u00e9 que essa funcionalidade est\u00e1 dispon\u00edvel apenas no telefone Pixel e apenas nos EUA. Bem, existem obst\u00e1culos para serem superados, certo? Portanto, decidimos contar como fazer uma solu\u00e7\u00e3o semelhante usando Voximplant e Dialogflow. Continue lendo.
\n<\/a><\/noindex><\/p>\n

Arquitetura<\/h2>\n

\nN\u00e3o vou perder tempo explicando como funcionam o Voximplant e o Dialogflow, se desejar, voc\u00ea pode facilmente encontrar informa\u00e7\u00f5es na internet. Ent\u00e3o, vamos nos familiarizar com o conceito do nosso Call Screening.<\/p>\n

Suponha que voc\u00ea j\u00e1 tenha um n\u00famero de telefone que usa diariamente e que recebe chamadas importantes. Nesse caso, precisaremos de um segundo n\u00famero, que ser\u00e1 indicado em todos os lugares \u2013 no e-mail, no cart\u00e3o de visita, quando voc\u00ea preenche formul\u00e1rios online, etc. Esse n\u00famero ser\u00e1 conectado ao sistema de processamento de linguagem natural (neste caso, o Dialogflow) e ir\u00e1 redirecionar chamadas para seu n\u00famero principal, somente se voc\u00ea desejar. Em forma de esquema, isso se parece com isto (imagem clic\u00e1vel):
\n\"Criamos<\/a><\/noindex>
\nEntendendo a arquitetura, podemos come\u00e7ar a implementa\u00e7\u00e3o, mas com uma ressalva: n\u00e3o vamos criar um aplicativo m\u00f3vel<\/b> para mostrar o di\u00e1logo entre o Dialogflow e o chamador, vamos criar um simples aplicativo web<\/b>com renderiza\u00e7\u00e3o de di\u00e1logo, para demonstrar claramente o princ\u00edpio do funcionamento do Call Screening. Neste aplicativo haver\u00e1 um bot\u00e3o Intervene, ao qual, ao ser pressionado, o Voximplant conectar\u00e1 o chamador que est\u00e1 ligando ao destinat\u00e1rio, caso este decida falar pessoalmente.<\/p>\n

Implementa\u00e7\u00e3o<\/h2>\n

\nFa\u00e7a login em sua conta Voximplant<\/a><\/noindex> e crie um novo aplicativo, por exemplo, screening:<\/p>\n

\"Criamos
\nAbra na se\u00e7\u00e3o \"N\u00fameros\"<\/a><\/noindex> e compre um n\u00famero que funcionar\u00e1 como intermedi\u00e1rio:<\/p>\n

\"Criamos
\nEm seguida, acesse o aplicativo screening, na se\u00e7\u00e3o \"N\u00fameros\", aba \"Dispon\u00edveis\". Aqui voc\u00ea ver\u00e1 o n\u00famero rec\u00e9m-adquirido. Vincule-o ao aplicativo usando o bot\u00e3o \"Anexar\" \u2013 na janela que aparecer, mantenha todas as configura\u00e7\u00f5es padr\u00e3o e clique em \"Anexar\".<\/p>\n

Dentro do aplicativo, v\u00e1 para a aba \"Cen\u00e1rios\" e crie um cen\u00e1rio myscreening \u2013 nele, usaremos o c\u00f3digo do artigo Como usar o Conector Dialogflow<\/a><\/noindex>. Nesse caso, o c\u00f3digo ser\u00e1 ligeiramente alterado, porque precisamos \"ver\" o di\u00e1logo entre o chamador e o assistente; todo o c\u00f3digo pode ser encontrado aqui<\/a><\/noindex>.<\/p>\n

ATEN\u00c7\u00c3O: voc\u00ea precisar\u00e1 mudar o valor da vari\u00e1vel server para o nome do seu servidor ngrok (detalhes sobre ngrok estar\u00e3o um pouco mais abaixo). Tamb\u00e9m insira seus valores na linha 31, onde your phone number \u2013 \u00e9 seu n\u00famero principal (por exemplo, um celular pessoal), e voximplant number \u2013 \u00e9 o n\u00famero que voc\u00ea comprou recentemente.<\/p>\n

outbound_call = VoxEngine.callPSTN(\u201cSEU N\u00daMERO DE TELEFONE\u201d, \u201cN\u00daMERO VOXIMPLANT\u201d)<\/code><\/pre>\n
\nA chamada callPSTN ocorrer\u00e1 no momento em que voc\u00ea decidir intervir na conversa e falar pessoalmente com o chamador.<\/p>\n
Depois de salvar o cen\u00e1rio, voc\u00ea precisa vincul\u00e1-lo ao n\u00famero adquirido. Para isso, ainda dentro do seu aplicativo, v\u00e1 para a aba \"Roteamento\" para criar uma nova regra \u2013 bot\u00e3o \"Nova regra\" no canto superior direito. Insira um nome (por exemplo, allcalls), mantenha a m\u00e1scara padr\u00e3o (.* \u2013 que significa que todas as chamadas recebidas ser\u00e3o processadas pelos cen\u00e1rios selecionados para esta regra) e indique o cen\u00e1rio myscreening.<\/p>\n
\"Criamos
\nSalve a regra.<\/p>\n
A partir de agora, o n\u00famero de telefone est\u00e1 vinculado ao cen\u00e1rio. A \u00faltima coisa que precisa ser feita \u00e9 vincular o bot ao aplicativo. Para isso, v\u00e1 para a aba \"Conector Dialogflow\", clique no bot\u00e3o \"Adicionar agente Dialogflow\" no canto superior direito e fa\u00e7a o upload do arquivo JSON do seu agente Dialogflow.<\/p>\n
\"Criamos
\nSe voc\u00ea precisa de um agente para exemplo\/teste, pode pegar o nosso neste link: github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Apenas n\u00e3o espere muito dele, \u00e9 apenas um exemplo, e voc\u00ea est\u00e1 livre para modific\u00e1-lo como desejar e compartilhar os resultados \ud83d\ude42<\/p>\n
Backend simples em NodeJS<\/h2>\n
\nVamos implementar um backend simples em Node, por exemplo, assim:
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
\u00c9 um aplicativo comum que requer apenas dois comandos para iniciar:<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nO servidor ser\u00e1 executado na porta 3000 da sua m\u00e1quina, ent\u00e3o, para conect\u00e1-lo \u00e0 nuvem Voximplant, utilizamos a ferramenta ngrok. Quando voc\u00ea instalar ngrok<\/a><\/noindex>, inicie-o com o comando:<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nVoc\u00ea ver\u00e1 um nome de dom\u00ednio que o ngrok gerou para o seu servidor local \u2013 copie-o e insira na vari\u00e1vel server.<\/p>\n
Cliente<\/h2>\n
\nO aplicativo cliente se parece com um simples chat que voc\u00ea pode pegar daqui<\/a><\/noindex>.<\/p>\n
Basta copiar todos os arquivos para um diret\u00f3rio no seu servidor web e funcionar\u00e1. No arquivo script.js, substitua o valor da vari\u00e1vel server pelo nome de dom\u00ednio ngrok e o valor da vari\u00e1vel callee pelo n\u00famero que voc\u00ea comprou. Salve o arquivo e inicie o aplicativo no navegador. Se tudo estiver certo, voc\u00ea ver\u00e1 a conex\u00e3o WebSocket no painel do desenvolvedor.<\/p>\n
Demonstra\u00e7\u00e3o<\/h2>\n
\nVoc\u00ea pode ver o aplicativo em a\u00e7\u00e3o neste v\u00eddeo:<\/p>\n
\r\n        \"Por\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Se pressionar o bot\u00e3o Intervene, a pessoa que ligou ser\u00e1 direcionada para o meu n\u00famero de telefone, e se pressionar Disconnect \u2013 ent\u00e3o\u2026? Correto, a chamada ser\u00e1 desconectada.
\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\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\udd47Criando nossa filtragem de chamadas do Google com base no Voximplant e Dialogflow | ProHoster","description":"","canonical_url":"https:\/\/prohoster.info\/pt\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"pt_PT","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\/pt\/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\/pt\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}