Messengerをアプリ、サイト、モバイルアプリの特定のボタン、リンク、または要素から起動したい場合は、カスタムランチャーを作成できます。例えば、お客様が「Talk to us」ボタンやチャットアイコンをクリックしたときにMessengerを開くようにトリガーできます。
この記事では、製品、サイト、モバイルアプリに完全に馴染むカスタムランチャーの作成手順を案内します。
製品、ウェブサイト、モバイルアプリに好きなだけカスタムランチャーを追加できます。
お探しの内容と違いますか？
まだの場合は、設定で標準Messengerのカスタマイズに必要な手順を実施することをお勧めします。また、iOSまたはAndroidアプリで標準Messengerランチャーを表示する方法もご覧ください。
ウェブアプリまたはサイトでカスタムランチャーを作成する
1. Messengerを開くカスタムランチャーとして使用する要素のIDを渡します（例："#my_custom_link"）。またはクラスを渡して複数のリンクを指定できます（例：".my_custom_class_name"）。
2. クリック時にMessengerを開くHTML要素にIDまたはクラスを追加します。例えば、サポートのメールアドレスへのリンクをクリックしたときにMessengerを開きたい場合：
<a id="my_custom_link" href="mailto:HELP@YOUR-APP.COM">Support</a>
注意：サポートアドレスをリンク先に含めることはフォールバックとして有効です。訪問者がブラウザでJavaScriptを有効にしていない場合でも、チームにメールを送れます。
3. IntercomSettingsスニペットにこの行を追加します：
custom_launcher_selector:'#my_custom_link'
このように：
window.intercomSettings = {
app_id: "YOUR_APP_ID",
custom_launcher_selector:'#my_custom_link'
};
重要：標準ランチャーを無効にして、カスタムランチャーのみを表示することもできます。
Googleタグマネージャー（GTM）を使ってカスタムランチャーを設定する
GTMのインストールタグの「カスタムデータ属性」内でcustom_launcher_selectorの値を設定することで、GTMを使ってカスタムランチャーを指定することもできます。
モバイルアプリでカスタムランチャーを作成する
iOSまたはAndroidアプリでカスタムランチャーを作成し、usersの未読会話数を表示する方法はこちらです。