メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

モバイルチャットSDKを使用してモバイルチャットフローを作成する

更新日時 2025年 3月 4日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

HubSpotでモバイルチャットフローを作成し、モバイルチャットSDKを使用してHubSpotのチャット機能をiOSまたはAndroidアプリに連携することができます。モバイルチャットSDKを使えば、コンテキストに沿ったサポート体験を提供したり、チャット体験にボットやナレッジベースを連携するなど、HubSpotの他のセルフサービス機能を活用することができます。

モバイルチャットフローを作成する

モバイルSDKと連携するモバイルチャットフローをHubSpotで実行します:

  • HubSpotのアカウントにて、[自動化]>[チャットフロー]の順に進みます。
  • 右上の「チャットフローを作成」をクリックします。
  • モバイルをクリックする。

  • トップドロップダウンメニューをクリックして、特定のヘルプデスクまたは受信トレイを選択し、チャットフローを関連付けます。
  • languageドロップダウンメニューをクリックし、languageを選択します。
  • モバイルタグを入力してください:
    • HubSpotがアプリに表示するチャットフローを決定するためには、モバイルタグが必要です。開発者は、チャットフローが適切に識別されるように、アプリの関連付け設定ファイルにこのタグを含める必要があります。
    • 複数のチャットフローが同じモバイルタグを共有できます。この場合、最も優先度の高いチャットフローがアプリに表示されます。、チャットフローの優先度を調整する方法について、詳しくはこちらの記事をご覧ください。

  • [次へ]をクリックします。
  • 「チャットフロー」ページの左サイドバーで、ウェブチャットオプションを選択します:
    • 訪問者がすぐにアプリを通じてあなたやあなたのチームとチャットを開始できるようにしたい場合は、ウェブチャットを選択します。
    • Service Hub ProfessionalまたはEnterpriseアカウントのユーザーで、少なくとも3つの公開ナレッジベース記事を持っている場合、ナレッジベース検索およびウェブチャットを選択し、アプリから直接ナレッジベースを検索するオプションを追加することができます。
  • [作成]をクリックします。

SDKの実装

設定ファイルを見つけるには、モバイルチャットSDKの開発と実装を開始する必要があります:

  • HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左サイドバーのメニューから、受信トレイとヘルプデスク > 受信トレイに移動します。
  • アプリに表示したいチャンネルにマウスポインターを合わせ、編集をクリックします。
  • Channelsタブで、左サイドバーメニューのMobile SDKをクリックします。
  • 開発するプラットフォームに応じて、iOS設定またはAndroid設定タブをクリックします。
  • 設定ファイルの下で、コピーをクリックして設定ファイルの内容をクリップボードにコピーするか、ダウンロードコードをクリックして設定ファイルを直接ダウンロードします。

iOSまたはAndroidアプリを開発する際には、この設定ファイルを使用してください。以下の開発者向けドキュメントのリンクを使用して、始める方法について詳しく学んでください:

注:、モバイルチャットSDKとハイブリッドフレームワーク(React Native、Flutter、Ionicなど)を使用することができますが、SDKを実装するために関連付けされたiOSとAndroid APIへの独自のフックを開発する必要があります。

ログインしたユーザーを識別(任意)

ヘルプデスクまたは接続された受信トレイ経由でログインしたユーザーに関する既知の情報を自動的に識別してアクセスするには、チームの開発者と協力して 訪問者識別APIを実装する必要があります。これにより、ログインしてチケットにアクセスしたユーザーにシームレスでパーソナライズされたサポート環境を提供できるようになります。

HubSpotへの実装が成功したことを確認する。

アプリにSDKの実装が完了したら、アプリのアップデートをリリースし、顧客がアプリ内で新しいチャットウィジェットを使用できるようにします。その後、HubSpot受信トレイ設定でウィジェットが正常にインストールされたことを確認できます:

  • HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左サイドバーのメニューから、受信トレイとヘルプデスク > 受信トレイに移動します。
  • Channelsタブで接続済みチャネルのリストを確認する。Chatの行のMobileのステータスが緑色に表示されているはずです。

 

レポートツールにおけるモバイルプロパティー

顧客が埋め込みチャットウィジェットを使用し始めたら、HubSpotのレポートツールを使用して、詳細なチャットインサイトとアナリティクスをレポートできます。

以下のモバイル固有のプロパティーが利用可能です:

  • Platform:デバイスの特定のプラットフォーム(iOS、Android、ウェブなど)。
  • デバイスモデル:デバイスの具体的なモデル(例:iPhone 12、Samsun Galaxy S21など)。
  • OSバージョン:ユーザーのデバイスのオペレーティングシステムのバージョン(例:iOS 17、Android 14など)。
  • デバイスの向き:チャット中にユーザーがアプリを水平に見ていたか、垂直に見ていたか。
  • 画面解像度:チャット中のユーザーのモバイルデバイスの画面解像度。
  • バッテリー残量:チャット中のユーザーのモバイルデバイスのバッテリー残量。
  • 通知権限:ユーザーがモバイルデバイスの通知を有効にしたかどうか。
  • カメラ権限:ユーザーがモバイルデバイスでフォトライブラリー権限を有効にしているかどうか。
  • 位置情報権限:ユーザーがモバイルデバイスで位置情報権限を有効にしているかどうか。
  • Location:オプションで、アプリがユーザーの地理座標を指定できるようにする。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。