tag:crieit.net,2005:https://crieit.net/tags/%E9%9B%BB%E8%A9%B1/feed 「電話」の記事 - Crieit Crieitでタグ「電話」に投稿された最近の記事 2020-04-30T12:33:47+09:00 https://crieit.net/tags/%E9%9B%BB%E8%A9%B1/feed tag:crieit.net,2005:PublicArticle/15882 2020-04-30T11:08:39+09:00 2020-04-30T12:33:47+09:00 https://crieit.net/posts/Twilio-Studio Twilio Studioを使って問い合わせ番号への着信を複数の番号に転送する方法 <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/-r4M521xt0Q107mAzWyHtOxJM-AYhMXgxB32oo0RQVPvX2.width-808.png" /> </div> <h2 id="在宅勤務と電話応対の難しさ"><a href="#%E5%9C%A8%E5%AE%85%E5%8B%A4%E5%8B%99%E3%81%A8%E9%9B%BB%E8%A9%B1%E5%BF%9C%E5%AF%BE%E3%81%AE%E9%9B%A3%E3%81%97%E3%81%95">在宅勤務と電話応対の難しさ</a></h2> <p>新型コロナウイルス感染症(COVID-19)の拡大に伴う緊急事態宣言が東京、大阪、福岡を含む7都道府県を対象として発出されました。(2020年4月14日現在)この宣言を受けて在宅勤務の開始とそれに伴う電話対応の一時休止が多くの企業から<a target="_blank" rel="nofollow noopener" href="https://www.google.com/search?q=%E7%B7%8A%E6%80%A5%E4%BA%8B%E6%85%8B%E5%AE%A3%E8%A8%80+%E9%9B%BB%E8%A9%B1+%E4%B8%80%E6%99%82%E4%BC%91%E6%AD%A2">アナウンス</a>されています。チャットやSMSを活用することでこれまでの顧客対応を一部担うことはできるものの、利用できるコミュニケーションチャネルが電話のみという場合、お客様への対応に頭を悩ます場合も多いのではないでしょうか。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/SQ3HmQXlEPyk02wHmwS2iARE3idp8tHj-rk09QIvLotML4.width-500.png" /> </div> <p>もちろん、各事業者が提供する電話転送サービスなどを利用することで、代表番号からの転送を設定することは可能です。しかし、担当者の欠勤や休暇への対応など、転送設定を柔軟に運用するためには課題が残ります。また、リモートで設定ができない場合は、リスクを取って事業所まで外出し、設定を行うということも考えられます。特に中小規模の組織にとっては頭の痛い問題ではないでしょうか。</p> <p>今回は、電話番号をTwilioから取得し、Twilio Studioを使って期間限定の問い合わせ窓口を開設し、着信を複数の担当者の電話回線に転送する方法を紹介します。ポイントは手軽さと設定の柔軟性です。</p> <h2 id="前提条件"><a href="#%E5%89%8D%E6%8F%90%E6%9D%A1%E4%BB%B6">前提条件</a></h2> <ul> <li>Twilioアカウントを持っていること(<a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/blog/how-to-create-twilio-account-jp">無料トライアルのサインアップ方法</a>)</li> <li>期間限定の問い合わせ番号となる<a target="_blank" rel="nofollow noopener" href="https://support.twilio.com/hc/en-us/articles/360044841214-Twilio-%E3%83%95%E3%83%AA%E3%83%BC%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6">電話番号を購入</a>していること<br /> (<a target="_blank" rel="nofollow noopener" href="https://support.twilio.com/hc/en-us/articles/360044400214-%E8%A6%8F%E5%88%B6%E6%83%85%E5%A0%B1%E3%81%AB%E9%96%A2%E3%82%8F%E3%82%8B%E6%9B%B8%E9%A1%9E%E3%81%AE%E6%8F%90%E5%87%BA%E6%96%B9%E6%B3%95">日本の番号を取得する場合</a>)</li> </ul> <h2 id="Twilio Studioを使った電話転送"><a href="#Twilio+Studio%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E9%9B%BB%E8%A9%B1%E8%BB%A2%E9%80%81">Twilio Studioを使った電話転送</a></h2> <p>Twilio Studioは電話やSMSなどの着信応答を設定することができるノンコーディーングツールです。今回のような転送設定を行う場合はプログラミングの知識を必要としません。</p> <p><a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/console/">Twilioコンソール</a>から<a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/console/studio/dashboard">Studioダッシュボード</a>を開き、赤色の<code>Create a flow</code>ボタンをクリックし、新しいFlowの作成を開始します。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/HnJ8FCupyTmRI73nucAniFO5x2ccUx5vgeJ60gDZYQuNLj.width-800.png" /> </div> <p>Flowの名前はCall Forwardingとしました。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/pUTnjlCe5tMmuB-kSRFWB7pw_MblotSRuditek_0Sv3LKu.width-500.png" > </div> <p>Studioにはいくつかテンプレートが用意されているため、目的に合えば最小限の項目設定で運用を開始できます。少しスクロールすると表示される<code>Call Forwarding</code>テンプレートを選択し、<code>Next</code>ボタンをクリックします。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/Eiyw7Un8tFz_ELhIOH5CRlDHKV5UdEXsc0IX1P8AqHBXsI.width-500.png" > </div> <p>あらかじめ、<code>Connect Call To</code>というウィジェットが配置されたデザイン画面が表示されます。このデザイン画面では右側の<code>WIDGET LIBRARY</code>からウィジェットをドラッグ&ドロップし、複雑なコールフローを設定できます。</p> <p>今回の記事では特にウィジェットを追加しないまま進めます。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/47Q77dMKvOPmkeTbMRMC-963vP_3abPlEbmQ_lsJ5iZFZB.width-800.png" /> </div> <p>次に<code>forward_call</code>と名前がつけられているウィジェットをクリックしましょう。WIDGET LIBRARYが表示されていたパネルが、選択したウィジェットの設定項目表示パネルに切り替わります。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/kCSo93QknPRiCSwsH8yjdNVAEuhB59efcquAsS_lUZSmmO.width-800.png" /> </div> <p>このウィジェットは現在の通話を別の番号(単数、複数)や、Client User(別のTwilio Client)、SIM、SIPエンドポイント、あるいはカンファレンスコールに接続させることができます。今回は複数の番号に転送したいため、<code>CONNECT CALL TO</code>を<code>Multiple Numbers (Simulring)</code>に、<code>PHONE NUMBERS OR CLIENTS</code>に複数の電話番号をカンマ(,)区切りで設定しました。この際、電話番号は<a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/docs/glossary/what-e164">E.164フォーマット</a>で指定する必要があります。</p> <p>(例)050-3196-5549 → +815031965549</p> <p>また、複数の番号に転送する場合は、同時に転送するわけでなく、Call Per Second(CPS)と呼ばれる1秒間あたりの発信数に則り転送されます。現在の設定は<a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/console/voice/settings">コンソール</a>で確認できます。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/sMJnJ-5r19sErMZNxfAAyYdREQ2DYUXMkbddlTNE-lv_yT.width-500.png" /> </div> <p>つぎに発信者ID(CALLER ID)を設定しましょう。この項目は転送先の携帯電話等に表示される発信元の番号になります。本来であれば 電話をかけてきたお客様の番号を表示できれば良いのですが、一般電話回線にTwilio Studioを用いた電話の転送を行なった場合、発信者の偽装になりかねないため、残念ながら「非通知」と表示されてしまいます。</p> <p>これでは本当に非通知なのか、Twilio Studioで転送された着信かどうかがわからず不便ですよね。そのため、代替策として、<code><span>{</span><span>{</span>trigger.call.To<span>}</span><span>}</span></code>と指定し、期間限定の問い合わせ番号として設定する番号、すなわち転送に利用したTwilioの電話番号が表示されるようにします。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/vqsgIEHHpNYsIWhVeClQ0SVqRYiN-irI2NLN9FQVgcG8RX.width-500.png" /> </div> <p>これでStudioの設定は完了です。ウィジェットの<code>Save</code>ボタンで変更を保存するとともに、画面上の<code>Publish</code>ボタンでフローを公開できます。忘れないように <strong>Publish</strong> してください。</p> <p>さて、残るは電話番号の設定です。事前に購入している電話番号の詳細画面を電話番号コンソールから開き、Voiceセクションの<code>A CALL COMES IN</code>で <code>Studio Flow</code>を選択します。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/Screen_Shot_2020-04-16_at_11.59.23.width-800.png" /> </div> <p>続けて先ほど設定したフローを選択します。</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/MCU5qg0Ca3tQ3G3L9FiXKmUnD2Nb3XflO7Go4smaEArT7s.width-800.png" /> </div> <p>おっと、忘れずに<code>Save</code>ボタンを押しましょう。この番号に転送先でない番号から電話をかけて動作を確かめたら、Webサイトの更新ですね!</p> <div style="text-align:center;" > <img src="https://twilio-cms-prod.s3.amazonaws.com/images/IUKn_nlsgm9ZqQDfPcJD3sRxymcmkczubLI4jsW-_KVlXU.width-500.png" /> </div> <h2 id="まとめ"><a href="#%E3%81%BE%E3%81%A8%E3%82%81">まとめ</a></h2> <p>Twilio Studioを利用すれば期間限定の問い合わせ番号の設置と電話転送をリモートで設定できます。スタッフの休暇やシフトに合わせて転送先をStudioを利用し手動で簡単に変更できます。また、<a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/docs/studio/rest-api">Studio API</a>も提供されているので外部のプログラムからフローを制御できます。</p> <p>さらに、色々な手法を組み合わせることで単純な転送だけではなくより複雑なフローも設定できます。Qiitaにもいろいろと記事が公開されていますので参考になれば幸いです。</p> <ul> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/Hsu_86/items/874abef2125194f2c462">TwilioStudio ワークショップ</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/mobilebiz/items/c2c766fb9c3da9693ca0">Twilio FunctionからStudio Flowを呼び出す</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/mobilebiz/items/f1d6cf55c1f544c9bd7a">Clova Extensions Kit(CEK)とTwilio Functionsを連携して、ClovaからStudioを呼び出す</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/friendtree16/items/7c733c6d7343e6be9c0f">TwilioStudioで作ったIVRフローでサーバーのレスポンスを使って流してみた</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/mobilebiz/items/a40ec9ae19546deb2b51">モーニングコールをノンコーディングで作る</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/mobilebiz/items/afddab8bd873008307ca">TwilioStudio内で変数を扱う方法</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/ko2a/items/c70f539e1e43709c3147">Wio Node と TwilioStudio で簡単な IoT システムを組んでみる</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/su-bell/items/cdc9c044af03118eb412">TwilioStudioで留守中に電話があったらslackに通知する仕組みを作ってみた</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/mobilebiz/items/8757eec854f37ce0cb2d">Twilio FunctionsとStudioを使って連続架電を行う</a></li> </ul> <h2 id="新型コロナウイルス感染症への支援策について"><a href="#%E6%96%B0%E5%9E%8B%E3%82%B3%E3%83%AD%E3%83%8A%E3%82%A6%E3%82%A4%E3%83%AB%E3%82%B9%E6%84%9F%E6%9F%93%E7%97%87%E3%81%B8%E3%81%AE%E6%94%AF%E6%8F%B4%E7%AD%96%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">新型コロナウイルス感染症への支援策について</a></h2> <p>Twilioでは新型コロナウィルス感染症により引き起こされるさまざまな社会問題を解決する会社、団体、開発者グループに向けて無料クレジットの進呈など支援を行なっています。詳しくは<a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/blog/covid-19-response-japan">こちらの記事</a>をご覧ください。</p> <p>また、Twilioを自社のシステム、ソリューションやパッケージに組み込みたいとお考えの場合は、<a target="_blank" rel="nofollow noopener" href="https://www.twilio.com/japan/help/sales">営業部までお問い合わせ</a>ください。</p> <h2 id="このエントリについての問い合わせ"><a href="#%E3%81%93%E3%81%AE%E3%82%A8%E3%83%B3%E3%83%88%E3%83%AA%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E3%81%AE%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B">このエントリについての問い合わせ</a></h2> <p>不明点があればぜひ、お問い合わせください。オンラインでの登壇依頼等もお待ちしてます♪</p> <ul> <li>Twitter (<a target="_blank" rel="nofollow noopener" href="https://www.twitter.com/neri78">@Neri78</a>)</li> <li>Email: <a target="_blank" rel="nofollow noopener" href="mailto:dikehara@twilio.com">[email protected]</a></li> <li>Github: <a target="_blank" rel="nofollow noopener" href="https://github.com/neri78">https://github.com/neri78</a></li> </ul> Neri78