メインコンテンツにスキップ

ツールチップFAQ

対応者:Beth-Ann Sher

ツールチップが正しいページにのみ表示されることをどうやって確認できますか?

ツールチップの「配置設定」を使用し、ページターゲティングルールを調整してください。詳細はこちら。

オーバーレイされたツールチップと埋め込みツールチップの違いは何ですか?

オーバーレイされたツールチップは要素の上に「浮かぶ」ように表示されます(Messengerのように)。埋め込みツールチップはHTMLの行内でレンダリングされるため、ページのレイアウトを調整できます。例はこちら。

位置を正しく設定するのが難しいです。ツールチップの位置を調整するにはどうすればいいですか?

ツールチップビルダーで「スタイルとレイアウト」>「レイアウト」を選択すると、ツールチップのオーバーレイ、整列、オフセットを調整する設定が見つかります。

ツールチップの上部および左のオフセットの許容範囲はどのくらいで、それを超えるとどうなりますか?

ツールチップの上部および左のオフセットの許容範囲は-1000から1000ピクセルです。この範囲外に設定すると、ツールチップは保存に失敗し、ツールチップビルダーは一般的な保存エラーバナーのみを表示する場合があります。解決するには、上部オフセットと左オフセットの両方を-1000から1000ピクセルの範囲内に設定してください。ツールチップのオフセットについて詳しくはこちら。

ドロップダウンメニュー内の要素にツールチップを配置できますか?

はい。ドロップダウンメニューに移動し、CSSセレクターを使ってメニュー内の要素を選択してください。これにより、ドロップダウンメニューが開いているときにのみ、その要素にツールチップが表示されます。

ツールチップは常に表示されますか、それとも顧客ごとに一度だけ表示されますか?

ツールチップは設計上持続的ですが、audience targeting and scheduling rulesを満たすusersにのみ表示されます。

ツールチップが機能しているかどうかをプレビューするにはどうすればいいですか?

最良のテスト方法は、audience targeting rulesを設定して自分やチームメンバーだけが閲覧できるようにしてライブにすることです。詳細はこちら。

ツールチップはIntercomのProduct Tours、Surveys、Articlesと連携しますか?

はい、ツールチップはSmart Linkを使ってProduct Tourを開始したり、Articleを共有したり、Surveyを起動したりできます。これは、顧客が後で再訪したり戻ってきたりする価値があるコンテンツがある場合に特に便利です。

ツールチップはSeriesで使えますか?

いいえ、ツールチップは現在Seriesではサポートされていません。

シングルページアプリケーション(SPA)があります。ツールチップは機能しますか?

はい、ツールチップはSPAで機能します。ページ上で動的要素やCSSを使用している場合は、テキスト選択や一意の識別子を使ってターゲティングの問題を避けてください。

注意:シングルページアプリケーションでは、対象要素がIntercomスクリプトがページをスキャンした後にレンダリングされると、ツールチップが表示されない場合があります。ツールチップを正しく登録するには、ボタンや要素のレンダリングが完了した後にIntercom('update')を呼び出してください。

ルート変更に関して重要な注意点があります。IntercomはMessengerが最初に読み込まれたときにのみツールチップを評価するため、ページ全体のリロードなしにナビゲーションが行われると表示が不安定になることがあります。これを修正するには、アプリケーションの重要なルート変更時にIntercom('update')を呼び出してください。すべてのURL変更時に自動的にツールチップを再評価したい場合は、サポートチームに連絡してワークスペース設定として有効にしてください。

1つのツールチップオブジェクトに複数のツールチップを設定できる使い道は何ですか?

ユースケース:製品教育

顧客がウェブアプリケーションの特定の問題箇所やセクション、ページを特定した場合、ツールチップをまとめてグループ化し、サポート問い合わせの数を減らすことができます。

例:ウェブフォーム、ウィザード、設定ページ

ユースケース:オンボーディング

顧客が特定のaudience(例:新規登録者)をターゲットにしたい場合、ツールチップグループにaudienceベースのルールを作成して、そのaudienceに関連するコンテンツにします。

例:新規登録者、最初の30日間、ウェブアプリケーションの新機能

ユースケース:お知らせ

顧客が新機能を告知したい場合、リリースに合わせてターゲットやスケジュールされたサポートツールチップを作成し、タイムリーで関連性のあるコンテンツにします。

例:ウェブアプリケーションの新機能、機能の再紹介、製品ツアーのアクセス提供

複数のツールチップを持つツールチップオブジェクトには、Product Toursのような「ステップ統計」はありますか?

はい、ツールチップはグループレベルおよび個別のツールチップごとにエンゲージメントレポートを提供します。エンゲージメントとは、usersがツールチップを見て、クリックまたはホバーして内容を表示したことを指します。

ツールチップにユーザーが操作できるコンテンツ(URLやSmart Linksなど)がある場合、追加のクリックレポートもサポートしています。

同じページにCSSセレクターの複数のインスタンスがあるツールチップはどうなりますか?

同じCSSセレクターを持つ複数の要素がページにある場合、ツールチップはそのセレクターで最初に現れる最初の要素にのみ表示されます。すべてのインスタンスに表示されるわけではありません。

ツールチップとProduct Tourのステップが同じ要素を指している場合はどうなりますか?両方表示されますか?アイコンやポインターは重なりますか?

この場合、両方表示されます。ツアーが上に表示されるべきです。Product Tourは画面全体をオーバーレイで覆う破壊的な体験であるのに対し、ツールチップはユーザーの操作があるまでページ上に静的に表示されます。

ツールチップはネイティブモバイルアプリではサポートされていませんが、モバイルウェブはどうですか?

はい、ツールチップはモバイルウェブでサポートされています。

テキストによる要素のマッチングはどのように機能しますか?UIに表示されるテキストに基づいていますか、それともHTMLテキストに基づいていますか?

要素はUIに表示されるテキストに基づいてマッチングされます。CMD + Fでページ上のテキストを検索できない場合、ツールチップはその要素をターゲットにできません。

さらに、テキストマッチングは完全一致です。スペースや大文字・小文字もチェックされます。

ツールチップはProduct Toursのように他の製品で使えますか?

いいえ、ツールチップは単独で動作し、他のコンテンツタイプにトリガーされたり追加されたりすることはできません。

コンテンツなしでツールチップを作成できますか?

現在、コンテンツを含まないツールチップを作成することはできません。

こちらの回答で解決しましたか?