C cenaly.com
無料で始める

Webサイトからの通話

Webサイトの通話ボタン:アプリのインストールや電話番号入力不要、ブラウザからそのまま通話可能

On this page 15

サイトからの通話

ウィジェット**「サイトからの通話」**は、サイトに受話器ボタンを追加します。ゲストがそれを押すと、ブラウザから直接話せます。番号を入力する必要も、プログラムをインストールする必要も、市外通話料を払う必要もありません。通話はお客様の電話システムに届き、店舗の通常の着信ルールに従って処理されます。

コールバックと混同しないでください。あちらではゲストが自分の番号を残し、かけてもらうのを待ちますが、こちらではゲスト自身が電話をかけ、すぐに話します。

ウィジェットは無料です。別途拡張機能を購入する必要はありません。お支払いはご自身の電話システムのみです。

有効化する場所:管理パネル → マーケティング → 「マイサイト」 → 「サイトからの通話」カード。トグルでウィジェットが有効になり、歯車で状態パネルが開きます。カードの「サイドバーに移動」ボタンで、ウィジェットに専用のメニュー項目が付きます。


サイトへの設置#

ウィジェット専用のコードはありません。「マイサイト」セクションの共通タグが機能します:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="あなたのドメイン" async></script>

<head>内または</body>の直前に1行入れるだけで、あとは管理画面のトグルでウィジェットの構成を決められます。プラットフォーム別の手順(HTML、Google Tag Manager、WordPress、Tilda/Wix、Shopify、Webflow)はマイサイトの記事、「人気プラットフォームへの設置」セクションにあります。単体タグwebcall-widget/v1.jsも同じ場所の「詳細設定」ブロックにあります。

設置チェックが見るもの、見ないもの。「設置を確認」ボタンはページのソースHTMLを読み取り、4つの結果を区別します:統合ローダーが見つかった、個別タグのみが見つかった、別の店舗のコードが見つかった、コードがない。

⚠️ Google Tag Managerがブラウザ上で挿入するタグは、ソースHTMLに存在しないため、チェックでは認識されません。これは正常です:ページにボタンが表示されたことを目視で確認してください。


ウィジェットの設定#

このウィジェットには、色、スケジュール、フォームといった独自の設定はありません。電話をかけるか、かけられない理由を正直に伝えるかのどちらかです。そのためパネルには、すべてを左右する2つの条件が表示されます:

  1. 店舗で電話システムが展開されている。 展開されていない場合、パネルはその旨を直接伝え、「テレフォニー」セクションへ誘導します。そこではアカウント、回線、ルーティング、通話録音を設定できます。
  2. ウェブ通話の内蔵回線が有効になっている。 無効の場合、パネルは警告と**「回線を有効にする」**ボタンを表示します。ウィジェットの設定から離れることなく、その場で有効にできます。

両方の条件が満たされると、パネルは緑色の「すべて準備完了」を表示します。その他(応答モード、オペレーター、挨拶、コンサルタント)は「テレフォニー」セクションで設定します。同じウィンドウのフッターにそのリンクがあります。

ボタンの外観は設定できます。ウィジェットを個別の行として設置する場合、タグの属性で指定します:色(data-color)、位置(data-position="left|right")、ラベル(data-label — これを付けると丸いボタンがテキスト付きのピル型になります)、言語(data-lang)。


受話器を押した後に起こること#

ゲストには通話パネルが表示され、わかりやすい状態を経ていきます:通話を準備中 → マイクへのアクセスを許可 → 接続中 → 呼び出し中 → 通話中 → 通話終了。通話中はミュートボタンと通話終了が利用できます。

店舗側から見ると、これは通常の着信通話です。お客様のPBXに届き、オペレーター、挨拶、転送、電話コンサルタントといったお客様のルールに従って処理されます。録音と分析は他の通話と同様、**「通話」**セクションで行います。そこには通話カード、文字起こし、有効にしていればメトリクスも表示されます。

専用の「ウィジェット受信トレイ」はありませんし、必要もありません。サイトからの通話は特別な実体ではなく、お客様の回線への通常の着信だからです。

スタッフが見るもの。 サイトからの通話はゲストの番号ではなくサービス番号から届くため、着信カードには**「🌐 サイトから」**ブロックがあります:受話器を押したページのアドレスとタイトルです。Cookie、ゲストの識別子、他人のフォームの内容はそこに送られません。ページと通話の紐付けは、ゲストの個人識別子ではなく、時刻と店舗によって行われます。同じ店舗に同じ1分間に電話をかけた2人の訪問者は、理論上カードが入れ替わる可能性があります。スタッフには別のページが表示されることになり、これはPBXの通話履歴に個人識別子を残さないための意図的な代償です。


制限事項#

  • ご自身の電話システムが必要です。 ウィジェットはゲストのブラウザまでの「ラストマイル」にすぎません。通話を受け取るのはお客様のPBXです。電話システムが展開されていなければ、ボタンは電話をかけません。
  • ウェブ通話回線が有効である必要があります。 これは別のトグルです(ウィジェットパネルからワンクリックで有効にできます)。無効の間、ゲストには「サイトからの通話は現在ご利用いただけません」と表示されます。
  • マイクとその許可が必要です。 ブラウザがアクセスを求めます。ゲストの拒否と、ページのセキュリティポリシーによるマイクの禁止は、ウィジェットにとって同じに見えます。ゲストにはマイクの許可を求めるメッセージが表示されます。
  • ゲストの発信通話のみです。 ブラウザは電話として登録されず、着信を受け取れません。同じタブにゲストへかけ直すことはできません。「折り返し電話してください」というシナリオにはコールバックがあります。
  • 1つの開いたパネルにつき同時に1通話です。通話準備の制限は、1人の訪問者につき1時間5回、店舗につき30回に設定されています。試行は接続準備時にカウントされるため、キャンセルされた通話や不成立の通話も消費することがあります。上限に達すると、ゲストには「通話が多すぎます。しばらくしてからお試しください」と表示されます。
  • ウィジェットに表示条件はありません。 ボタンはタグが設置されたすべてのページに表示されます。ページ、デバイス、スケジュールで制限するには、受話器をマルチボタンに隠してください。あちらには表示条件があります。
  • 当社のストアフロントにはこのウィジェットはありません。 ブラウザからの通話はお客様自身のサイト向けの製品です。Cenalyのストアフロントのマルチボタンのファンには「ブラウザから電話」項目は表示されません。そこにはそれ用のウィンドウがないからです。

トラブルシューティング#

サイトにボタンがない。

  1. タグが見つからない — 「設置を確認」をクリックします。「コードがない」場合はタグが挿入されていないか、テンプレートのすべてのページに設置されていません。「コードが別の店舗」の場合は、タグに別の data-domain が入っています。GTM でタグを挿入している場合、確認ツールには表示されないため、サイトを直接目で確認してください。
  2. 変更が反映されていない — ウィジェットのファイルはキャッシュ5分の CDN 経由で配信されます。しばらく待ってから、キャッシュをクリアしてページを更新してください。
  3. ウィジェットがオフになっている — 「サイトからの電話」カードのトグルを確認します。
  4. ボタンがマルチボタンに吸収されている — マルチボタンが有効で、その扇状メニューに「ブラウザから電話」の項目がある場合、ウィジェット独自のボタンは意図的に非表示になり、隅に2つのボタンが並ばないようになっています。

ボタンはあるが、電話が始まらない。

  • 「サイトからの電話は現在ご利用いただけません」 — Web 通話回線またはウィジェット自体がオフになっています。ウィジェットの歯車を開くと、不足しているものがパネルに表示され、回線が有効になります。
  • 「回線は現在ご利用いただけません」 — 店舗の電話システムが展開されていないか、応答していません。「電話」セクションを確認してください。
  • 「通話が多すぎます」 — 頻繁な繰り返しに対する保護が作動しました。しばらくしてからお試しください。
  • 「通話にはマイクへのアクセスが必要です」 — ゲストがアクセスを拒否したか、ページのセキュリティポリシーでマイクが禁止されています。サイトが HTTPS で開かれていることを確認してください。HTTPS でない場合、ブラウザはマイクを一切許可しません。

電話はかかっているが、店舗側で鳴らない。 これは着信のシナリオです。「電話」セクションで、回線がどこにつながっているか(応答モード、オペレーター、ルーティングルール)を確認してください。ウィジェットはゲストをあなたの PBX までつなぐだけです。

「通話」セクションに通話がない。 録音とカードは、店舗で通話録音が有効になっている場合に表示されます。同じ電話セクションで設定します。


よくある質問#

ゲストは何かをインストールしたり登録したりする必要がありますか?#

いいえ。通話はブラウザの機能で行われ、マイクを許可するだけです。アプリもアカウントも電話番号もゲストには必要ありません。

ゲストはこの通話に料金を支払いますか?#

いいえ、ゲストにとってはインターネット通信です。あなた側は通常の電話であり、通話はあなたの PBX に届き、その後はあなたのルールと通信事業者のプランが適用されます。

コールバックとは何が違いますか?#

ここではゲストが自分で、すぐに話します。コールバックではゲストが自分の番号を残し、システムが後で発信します。これは異なるシナリオで、両方を同時に有効にできます。

自分の番号は訪問者に見えますか?#

いいえ、番号はサイトに公開されません。ゲストが受話器をクリックすると、通話は当社のインフラを経由してあなたの PBX につながります。

ボタンをすべての隅やすべてのページに設置できますか?#

隅とラベルはタグの属性で設定します。ウィジェットにはページ・デバイス・スケジュールによる表示条件はありません。必要な場合はマルチボタンを有効にし、その扇状メニューに通話を項目として追加してください。マルチボタンにはこれらの条件があります。

接続中、ゲストには何が見えますか?#

ゲストの言語でわかりやすい状態が表示されます。「通話を準備中」「マイクへのアクセスを許可してください」「接続中」「呼び出し中」「通話中」「通話が終了しました」。拒否された場合もエラーコードではなく言葉で説明されます。

携帯電話でも動作しますか?#

はい、モバイルブラウザでも同じように通話できます。サイトが HTTPS で開かれている必要があります。そうでない場合、ブラウザはマイクへのアクセスを許可しません。

通話の録音はどこに保存されますか?#

あなたのブランドのクラウドに保存されます。cenaly.com では AWS、cenaly.ru では Yandex Cloud です。サイトからの電話は、あなたの電話の他の通話と同じように保存されます。


関連セクション#

Was this article helpful?