JavaScriptスニペットを使ってIntercom Messengerをウェブサイトに設置する方法

シンプルなJavaScriptスニペットをウェブサイトに追加することで、Intercom Messengerを簡単に導入できます。これにより、匿名の訪問者（リード）とログインユーザーの両方に対応できます。

このガイドでは以下を説明します：

導入には Workspace ID（ワークスペースID） が必要です。

以下の場所から確認できます：
​設定 → インストール → Web

ログイン機能がないサイト、またはユーザー登録前からMessengerを表示したい場合はこちらの方法を使用します。

以下のコードを、すべてのページの </body> タグ直前に貼り付けてください。

Writing

YOUR_APP_ID を実際のワークスペースIDに置き換えてください。

ユーザーアカウントがある場合は、ユーザー情報をIntercomに渡すことで、会話を特定ユーザーに紐づけることができます。

ユーザーがログインしている場合、以下のように情報を追加します：

Writing

これにより：

この設定は ユーザーがログインしている場合のみ 読み込んでください。

未ログイン時は、訪問者向けの設定に戻します。

ログアウト時には、前のユーザー情報が残らないようにリセットします：

Writing

Intercom('shutdown');

これにより、ユーザーの重複作成を防げます。

従来のマルチページサイトでは、スニペットをすべてのページに設置してください。

US以外のリージョンを利用している場合は、api_base を追加します。

Writing

api_base: "https://api-iam.eu.intercom.io"

Writing

api_base: "https://api-iam.au.intercom.io"

例：

Writing

window.intercomSettings = {
app_id: "YOUR_APP_ID",
api_base: "https://api-iam.eu.intercom.io"
};

Messengerが表示されない場合

ユーザーが正しく表示されない場合

導入後は以下が可能になります：

必要であれば、よりフォーマルな日本語（企業向け）版や、スクリーンショット挿入位置付きの版も作成できます。