ブランディング
ブランディングでは、Docsbookのドキュメントサイトに製品名、ロゴ、アクセントカラー、フォントを設定します。このページの2つのフィールドは外観に関するものではありません。行動喚起URLと製品平均価格があることで、アナリティクスでコンバージョンと収益をレポートできるようになります。
ブランディング設定#
| フィールド | 機能 |
|---|---|
| カスタム名 | ブラウザータブとヘッダーに表示される表示名 |
| コールトゥアクション URL | ドキュメントの読者を誘導するページ — 詳細は以下を参照 |
| 平均商品価格 | 1 回のコンバージョンの価値。アナリティクスで収益をレポートできます — 詳細は以下を参照 |
| アクセントカラー | ボタン、リンク、ハイライトに適用される主要なブランドカラー |
| 見出しフォント | 見出し（h1–h6）に使用される Google フォント |
| 本文フォント | 本文テキストに使用される Google フォント — 設定されていない場合は見出しフォントにフォールバック |
ブランディングの適用方法#
- ドキュメントサイトを開きます。
- Float Widget → デザイン → ブランディングタブを開きます。
- フィールドに入力します。
- 保存をクリックします。
変更はすぐに適用されます — 再ビルドは不要です。
行動喚起 URL#
行動喚起 URL は、ドキュメントからユーザーを誘導するためのページです。料金ページ、デモ予約ページ、サインアップページなどが該当します。一度設定すると、次の 3 つで使われ始めます。
- AI チャット は、読者がプランを検討、比較したり、プランについて質問したりしているときに、そのページへ誘導します。ただし、単純なトラブルシューティングの質問では邪魔をしません。
- コンテンツ生成 は、この URL をサイトの目標として扱うため、ページが行き止まりではなく次のステップで終わるようになります。また、AI はこの URL をボタンとしてヘッダーに追加できます。
- 分析 は、このドメインへ移動した読者をコンバージョンとしてカウントします。これにより、［読者がドキュメントを離れました］だった［会話］カードが［読者が販売ページに到達しました］に変わります。また、分析パネル上部の［コンバージョン率］の数値も、この指標を測定したものです。
完全な https:// アドレスを入力してください。ドメイン単位で照合されるため、そのドメイン上のすべてのパスがカウントされ、クエリ文字列や UTM タグが付いていても問題ありません。まだ販売するものがない場合は空欄のままにしてください。何も壊れませんが、分析で目標列が表示されなくなります。
最初のドキュメントを作成するときに設定した場合は、ここにすでに入力されています。
平均商品価格#
平均商品価格とは、1件のコンバージョンが平均してあなたにとってどれだけの価値があるかを示すものです。プラン料金、一般的な注文金額など、コールトゥアクションページに到達した読者が購入した場合の価値を設定します。
これを設定すると、分析パネルで収益と訪問者あたりの収益のレポートが開始されます。これは、Call To Action URLをクリックして進んだ読者数に、この数値を掛けたものです。
ドル単位で入力してください — 299 または 29.90 で、$ の有無は問いません。これは上記のCall To Action URLと組み合わせて使用され、両方が必要です。一方はどのクリックをカウントするかを示し、もう一方はその価値を示します。一方だけを設定すると、収益の数値は無効のままとなり、どちらがまだ不足しているかが表示されます。
収益レポートを再び無効にするには、空欄のままにしてください。0 を入力する方法はありません。平均価格を0にすると、数値が有効になっているように見える一方で、いつまでも $0 と報告され続けるため、正直に空欄にしておくほうが適切です。
アクセントカラー#
Docsbookサイトのアクセントカラーは、16進数コード（例：#5B47E0）です。次の要素に適用されます：
- サイドバーのアクティブ状態
- トグルスイッチ
- ボタン
- リンク
プロダクトの主要なブランドカラーに合う色を選んでください。非常に明るい色は避けてください。白い背景ではコントラスト要件を満たさない可能性があります。
フォント#
1500種類以上のGoogle Fontsから、ドキュメントサイトのタイポグラフィを選択できます。見出しと本文は個別に設定できるため、特徴的なディスプレイ書体と読みやすい本文書体を組み合わせられます。
フィールド: Headings, Content
フォントの設定方法:
- Float Widget → デザイン → フォントカード。
- 見出しでフォントを選択 — h1～h6に適用されます。
- 必要に応じてコンテンツで別のフォントを選択 — 本文に適用されます。
- 保存します。
コンテンツを空欄にすると、本文には見出しのフォントが使用されるため、1つ選択するだけでページ全体をスタイリングできます。各ピッカーには検索ボックスがあり、すべてのフォントファミリーをそのフォント自体でプレビューできます。リセットをクリックするとフィールドがクリアされます。
フォントはGoogle Fontsから自動的に読み込まれるため、インストールやホスティングは必要ありません。
カスタムアイコン#
ドキュメントサイトにカスタムファビコンとヘッダーアイコンを設定します。
フィールド: Icon URL
アイコンの設定方法:
- Float Widget → デザイン → ブランディングタブ。
- アイコン画像の公開URLをアイコンURLフィールドに貼り付けます。
- 保存します。
アイコンの要件:
- 正方形の画像を使用してください — PNGまたはSVGを推奨します。
- 推奨サイズ: 64×64 px（PNG）または任意のサイズ（SVG）。
- URLは一般公開されている必要があります（認証不要）。
アイコンの表示場所:
- ブラウザのファビコン（タブアイコン）
- ドキュメントサイドバーのヘッダーロゴ領域
関連#
- テーマ設定 — ライト、ダーク、システム — アクセントカラーが表示されるテーマ
- ヘッダーのレイアウトとナビゲーション — 名前、ロゴ、アイコンが表示される場所
- 分析概要 — この2つのフィールドで切り替わる収益とコンバージョンの数値