miibo カラーカスタマイズツール

miiboのUIカラーを自由にカスタマイズして、Googleタグマネージャーで使うコードを生成します

GoogleタグマネージャーのHTML部分に生成されたコードを貼り付けてください

カラー設定

使い方

  • プリセット：お好みのテーマをクリックで一括設定
  • カラーピッカー：色をクリックして視覚的に選択
  • カラーコード入力：#ff0000 形式で直接入力も可能
  • プレビュー：右側で実際の見た目を確認しながら調整

プリセットテーマ

プレビュー

AI アシスタント
サイドバー・背景は、左サイドバーの背景色が変わります
こんにちは！何かお手伝いできることはありますか？
質問があります
どのようなことでお困りですか？以下から選択するか、直接入力してください。

セカンダリボタンは左サイドバーの「新しい会話を始める」の色が変わります

生成されたコード

設定方法

Google Tag Managerの設定方法はこちらの公式記事をご覧ください

記事タイトル：「Google Tag ManagerでmiiboのUIカラーをカスタマイズする」