SERVICEHACKBOOKSAboutCONTACTtwitteryoutuberssSearchIntercomでポップアップメッセージを出す手順のまとめ07/11/2019MENTAでは、Intercomというカスタマーサポートサービスを利用しています。Intercomを使うと、カスタマーサポートだけでなく、ECサイトでよくあるステップメールを送信したり、チャットボットを作成したり、その日のログイン数を計測したりと様々なことができます。この記事ではIntercomの一つの機能である、ポップアップメッセージ機能について解説します。Intercomを使って、例えば新機能の通知をポップアップで行いたい場合は以下の流れで行っていきます。サービス側から伝えたいことを、ユーザーが訪問した時にさまざまな方法で出すことができます。messages>Messagesと移動します。この段階で把握しておくべきことは、Intercomにおけるユーザーの定義です。IntercomではVisitor・Lead・Userの3つの定義があります。定義は以下のとおりです。Visitorログインしておらず、かつ、Intercomを介したやり取りをしたことのないユーザーを指します。LeadVisitorだったユーザーとIntercomを介してやり取りをすると、そのユーザーはLeadに変わります。こちらもログインはしていないユーザーです。UserVisitorもしくはLeadだったユーザーがログインすると晴れてUserになります。messagesからMessages選択します。message」をおします。今回はサイト内でポップアップを表示させたいので、一番左の「In-app」を選択しました。以下、ひとつずつ各工程をみていきます。messageこの項目では、ポップアップさせるメッセージの内容の作成をおこないます。FromFormで送信主を設定(下の例で言えばMENTAなのか齋藤なのか)します。送信主に設定したIntercomユーザーの名前が作成したポップアップメッセージと共に表示されます。toでは、もしポップアップしたメッセージに対してユーザーが返事をくれたときに誰が対応するかを設定することができます。Typeでは、どのような形式でメッセージを表示させるかを全3タイプから選択します。Typeはあくまでメッセージが開かれた時の表示形式であり、ポップアップのように強制的に表示するかどうかは、この後に設定するSentAsで設定します。存在感という観点で3つを比較すると、ChatとNoteは同じくらいの存在感です。Chatはテキストのみですが、Noteだとそれに加えて画像・ビデオ・ボタンがつけられます。Postはモーダル表示され、一番存在感が強め。TypeでNoteかPostを選択すると、ユーザーからの返事の受け取り方をテキストで受け取るか、絵文字のリアクションで受け取るかを選べます。asで作成したメッセージをどのように表示するか、3つのタイプから選択します。Badgeでは、赤丸に数字(メッセージの未読件数)つきのバッジが表示されるだけで、なんか来てますよ感をだすだけになります。Snippetでは、赤丸バッジに加えて2行程度のプレビューを表示します。存在感としては、ユーザーのじゃまになりづらく、こちらが伝えたい内容のちょい見せをすることができるので、一番ちょうど良い気がしています。表示されるユーザーの気持ちになると、開かれたまま放って置くには邪魔だし、かといって閉じるためにわざわざ右下のIntercomボタンのところまでカーソル移動をしなければ閉じれないのはなかなかにストレスです。messageでは、まさにポップアップという挙動をし、強制的に全画面にわたってモーダルでメッセージを表示します。邪魔なように感じますが、伝える側としてはフルで伝えたいこと示すことができ、表示される側のユーザーとしてもカーソル移動が少なめで閉じやすく、実は一番よいのかもしれないです。asメッセージにユーザー名などのデータを組み込むことができるのですが、それをPlaceholderとしてプレビューするか、サンプルデータで仮埋めして本番っぽくプレビューするかを選びます。ここでの設定はあくまでプレビューのためだけの設定なのでLive(開始)した後に影響はありません。audienceこの項目では、誰にポップアップを表示させるかを決めます。messages配下のMessagesから作成を介した場合は、選択肢としてUsersかLeadsを選択肢として現れますので、どちらかを選択します。RuleRuleが最も大事な設定ポイントとなります。Ruleでおこなう設定によって、フィルタを設定し、誰にポップアップを表示させるかを決めます。複数のフィルタを同時にかけることが可能です。targetingこの項目では、ポップアップの表示タイミング、どのページでポップアップを表示させるかを設定します。page」を選択します。page」を選択し、その秒数を入力します。page」を選択します。page」を選択し、ページを指定します。messageこの項目では、ポップアップの表示に関する目標(Goal)を設定します。この記事(英語)が詳しくGoalについて解説してくれています。・いますぐ開始したい場合は、「Immediately」を選択します。date」を選択し、日時を指定します。・常に稼働させ、終了しない場合は、「Never」を選択します。date」を選択し、日時を指定します。ポップアップする時間帯とポップアップする回数も決められます。time」を選択します。hours」を選択します。hours」を選択します。time」を選択して、指定します。Liveして仕掛けておくか、保存して閉じます。訪問者に対して細かく条件を設定して、いいタイミングでお知らせをだせるメッセージは最高に使い勝手がよく、サービスを運営するにはうってつけの機能です。「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営(詳しいプロフィール)あわせて読みたいWEBサービス収入が月12万円で伸び悩んでます。