Channel Developers

JavaScript SDKが提供するデフォルトのチャネルボタンを使用する代わりに、独自のチャネルボタンをカスタマイズして使用することができます。

  1. カスタムボタンの作成例:

HTML
  1. カスタムランチャーセレクタの使用:

customLauncherSelectorに、作成したHTML要素のCSSセレクタを指定します。

注:カンマ(,)で区切ることで、複数のセレクタを同時に対象に設定することも可能です

詳細については、CSSセレクターのドキュメントを参照してください。

  1. デフォルトのチャネルボタンの非表示設定

hideChannelButtonOnBootを true に設定してください。これにより、起動時にデフォルトのチャネルボタンが表示されなくなります。

設定の構成例は以下の通りです。

JavaScript

カスタムチャネルボタンを使用する場合、デフォルトでは未読メッセージの通知が表示されないことに注意してください。この機能を実装するには、通知を表示するための別のHTML要素を作成する必要があります。未読メッセージの件数は、onBadgeChangedを通じて取得できます。