{"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\/de\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","title":{"rendered":"Implementierung von Google Call Screening mit Voximplant und Dialogflow","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Implementierung<\/a><\/noindex>
\nM\u00f6glicherweise haben Sie von der Call Screening-Funktion geh\u00f6rt, die Google in den USA f\u00fcr seine Pixel-Smartphones eingef\u00fchrt hat. Die Idee ist hervorragend \u2013 wenn Sie einen eingehenden Anruf erhalten, beginnt der virtuelle Assistent zu sprechen, w\u00e4hrend Sie den Dialog in Form eines Chats sehen und jederzeit selbst das Gespr\u00e4ch \u00fcbernehmen k\u00f6nnen. Dies ist heutzutage besonders n\u00fctzlich, da fast die H\u00e4lfte der Anrufe Spam ist<\/a><\/noindex>, aber gleichzeitig m\u00f6chten Sie wichtige Anrufe von Personen au\u00dferhalb Ihrer Kontaktliste nicht verpassen. Das einzige Problem \u2013 diese Funktionalit\u00e4t ist nur auf Pixel-Handys und nur in den USA verf\u00fcgbar. Nun, H\u00fcrden gibt es, um sie zu \u00fcberwinden, nicht wahr? Deshalb m\u00f6chten wir Ihnen zeigen, wie Sie eine \u00e4hnliche L\u00f6sung mit Voximplant und Dialogflow umsetzen k\u00f6nnen. Lesen Sie weiter.
\n<\/a><\/noindex><\/p>\n

Architektur von<\/h2>\n

\nIch m\u00f6chte keine Zeit mit Erkl\u00e4rungen verschwenden, wie Voximplant und Dialogflow funktionieren; Sie finden dazu leicht Informationen im Internet. Lassen Sie uns stattdessen mit dem Konzept unseres Call Screenings vertrautmachen.<\/p>\n

Angenommen, Sie haben bereits eine Telefonnummer, die Sie t\u00e4glich nutzen und auf die Sie wichtige Anrufe erhalten. In diesem Fall ben\u00f6tigen wir eine zweite Nummer, die \u00fcberall angegeben wird \u2013 in E-Mails, auf Visitenkarten, wenn Sie Online-Formulare ausf\u00fcllen usw. Diese Nummer wird mit dem System zur Verarbeitung nat\u00fcrlicher Sprache (in unserem Fall Dialogflow) verbunden und leitet Anrufe nur dann auf Ihre Hauptnummer weiter, wenn Sie dies w\u00fcnschen. So sieht das schematisch aus (das Bild ist klickbar):
\n\"Implementierung<\/a><\/noindex>
\nNachdem wir die Architektur verstanden haben, k\u00f6nnen wir mit der Implementierung beginnen, jedoch mit einer Einschr\u00e4nkung: Wir werden keine mobile<\/b> Anwendung entwickeln, um den Dialog zwischen Dialogflow und dem anrufenden Teilnehmer zu zeigen. Stattdessen erstellen wir eine einfache Web<\/b>-Anwendung, die den Dialog rendert, um das Prinzip des Call Screening anschaulich darzustellen. In dieser Anwendung wird es einen Button \"Intervene\" geben, durch den Voximplant den eingehenden Teilnehmer mit dem gew\u00e4hlten Teilnehmer verbindet, wenn dieser selbst sprechen m\u00f6chte.<\/p>\n

Implementierung<\/h2>\n

\nMelden Sie sich in Ihrem Voximplant-Konto<\/a><\/noindex> an und erstellen Sie eine neue Anwendung, zum Beispiel: screening:<\/p>\n

\"Implementierung
\n\u00d6ffnen Sie den Bereich \u201eNummern\u201c<\/a><\/noindex> und kaufen Sie eine Nummer, die als Vermittler fungiert:<\/p>\n

\"Implementierung
\nGehen Sie dann in die Anwendung screening, im Bereich \u201eNummern\u201c, Registerkarte \u201eVerf\u00fcgbare\u201c. Hier sehen Sie die gerade gekaufte Nummer. Verkn\u00fcpfen Sie sie mit der Anwendung \u00fcber die Schaltfl\u00e4che \u201eAnheften\u201c \u2013 in dem sich \u00f6ffnenden Fenster lassen Sie alle Standardwerte unver\u00e4ndert und klicken auf \u201eAnheften\u201c.<\/p>\n

Innerhalb der Anwendung wechseln Sie zur Registerkarte \u201eSkripte\u201c und erstellen ein Skript myscreening \u2013 dabei verwenden wir den Code aus dem Artikel Wie man den Dialogflow Connector verwendet<\/a><\/noindex>. Der Code wird dabei leicht angepasst, da wir den Dialog zwischen dem Anrufer und dem Assistenten \u201esehen\u201c m\u00fcssen; den gesamten Code k\u00f6nnen Sie hier entnehmen<\/a><\/noindex>.<\/p>\n

ACHTUNG: Sie m\u00fcssen den Wert der Variablen server auf den Namen Ihres ngrok-Servers \u00e4ndern (Details zu ngrok finden Sie weiter unten). Au\u00dferdem passen Sie Ihre Werte in Zeile 31 an, wo Ihre Telefonnummer \u2013 Ihre Hauptnummer (zum Beispiel Ihre pers\u00f6nliche Mobilnummer) \u2013 und die voximplant-Nummer \u2013 die Nummer, die Sie k\u00fcrzlich gekauft haben, angegeben sind.<\/p>\n

outbound_call = VoxEngine.callPSTN(\u201cIHRE TELEFONNUMMER\u201d, \u201cVOXIMPLANT NUMMER\u201d)<\/code><\/pre>\n
\nDer Anruf callPSTN erfolgt, wenn Sie sich entscheiden, in das Gespr\u00e4ch einzugreifen und pers\u00f6nlich mit dem eingehenden Anrufer zu sprechen.<\/p>\n
Nachdem Sie das Skript gespeichert haben, m\u00fcssen Sie es mit der gekauften Nummer verkn\u00fcpfen. Gehen Sie dazu, w\u00e4hrend Sie noch in Ihrer Anwendung sind, zum Tab \u201eRouting\u201c, um eine neue Regel zu erstellen \u2013 klicken Sie auf die Schaltfl\u00e4che \u201eNeue Regel\u201c in der oberen rechten Ecke. Geben Sie einen Namen an (z. B. allcalls), lassen Sie die Standardmaske (.* \u2013 was bedeutet, dass alle eingehenden Anrufe von den f\u00fcr diese Regel ausgew\u00e4hlten Skripten verarbeitet werden) und geben Sie das Skript myscreening an.<\/p>\n
\"Implementierung
\nRegel speichern.<\/p>\n
Von nun an ist die Telefonnummer mit dem Skript verkn\u00fcpft. Das Letzte, was noch zu tun ist, ist, den Bot mit der Anwendung zu verkn\u00fcpfen. Gehen Sie dazu zum Tab \u201eDialogflow-Connector\u201c, klicken Sie auf die Schaltfl\u00e4che \u201eDialogflow-Agent hinzuf\u00fcgen\u201c in der oberen rechten Ecke und laden Sie die JSON-Datei Ihres Dialogflow-Agenten hoch.<\/p>\n
\"Implementierung
\nWenn Sie einen Agenten zum Testen\/Beispiel ben\u00f6tigen, k\u00f6nnen Sie unseren \u00fcber diesen Link nehmen: github.com\/aylarov\/callscreening\/tree\/master\/dialogflow<\/a><\/noindex>. Fordern Sie nicht zu viel von ihm, es ist nur ein Beispiel, das Sie nach Belieben anpassen und gerne Ihre Ergebnisse teilen k\u00f6nnen \ud83d\ude42<\/p>\n
Ein einfacher Backend auf NodeJS<\/h2>\n
\nLassen Sie uns ein simples Backend auf Node umsetzen, zum Beispiel so:
\ngithub.com\/aylarov\/callscreening\/tree\/master\/nodejs<\/a><\/noindex><\/p>\n
Dies ist eine gew\u00f6hnliche Anwendung, die nur zwei Befehle ben\u00f6tigt, um zu starten:<\/p>\n
npm install\nnode index.js\n<\/code><\/pre>\n
\nDer Server wird auf Port 3000 Ihres Ger\u00e4ts gestartet. Um ihn mit der Voximplant-Cloud zu verbinden, verwenden wir das Tool ngrok. Nach der Installation von ngrok<\/a><\/noindex>, f\u00fchren Sie den Befehl aus:<\/p>\n
ngrok http 3000<\/code><\/pre>\n
\nSie sehen den Domainnamen, den ngrok f\u00fcr Ihren lokalen Server generiert hat \u2013 kopieren Sie diesen und setzen Sie ihn in die Variable server ein.<\/p>\n
Kunde<\/h2>\n
\nDie Clientanwendung sieht aus wie ein einfacher Chat, den Sie hier herunterladen k\u00f6nnen.<\/a><\/noindex>.<\/p>\n
Kopieren Sie einfach alle Dateien in ein Verzeichnis auf Ihrem Webserver und es wird funktionieren. Im Datei script.js ersetzen Sie den Wert der Variablen server mit dem ngrok-Domainnamen und den Wert der Variablen callee mit der Nummer, die Sie erworben haben. Speichern Sie die Datei und starten Sie die Anwendung im Browser. Wenn alles in Ordnung ist, sehen Sie die WebSocket-Verbindung in der Entwicklertools-Konsole.<\/p>\n
Demo<\/h2>\n
\nSie k\u00f6nnen die Anwendung in Aktion in diesem Video sehen:<\/p>\n
\r\n        \"Video\r\n        
<\/div>\r\n    <\/div><\/center>
\nP. S. Wenn Sie die Schaltfl\u00e4che \"Intervene\" dr\u00fccken, wird der Anrufer an meine Telefonnummer weitergeleitet, und wenn Sie auf \"Disconnect\" dr\u00fccken \u2013 dann wird\u2026? Richtig, der Anruf wird getrennt.
\n
Quelle: 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\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\udd47Wir erstellen unser Google Call Screening basierend auf Voximplant und Dialogflow | ProHoster","description":"Vielleicht haben Sie von der Funktion Call Screening geh\u00f6rt, die Google f\u00fcr seine Pixel-Telefone in den USA eingef\u00fchrt hat. Die Idee ist gro\u00dfartig \u2013 wenn ein eingehender Anruf kommt, beginnt der virtuelle Assistent zu kommunizieren, w\u00e4hrend Sie den Dialog in Form eines Chats sehen und jederzeit anstelle des Assistenten sprechen k\u00f6nnen. Das ist sehr n\u00fctzlich in","canonical_url":"https:\/\/prohoster.info\/de\/blog\/administrirovanie\/delaem-svoj-google-call-screening-na-osnove-voximplant-i-dialogflow","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"de_DE","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:description":"\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","og:url":"https:\/\/prohoster.info\/de\/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"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/28839"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}