モジュールタイプの完全ガイド
概要
Kanorioでは現在、38種類のモジュールを提供しており、20種類のコンテンツモジュール、2種類のストアモジュール、16種類のインテグレーションモジュールに分類されます。モジュールリストは製品リリースに伴い更新される場合があります。ウェブサイト構築の際は、エディタの「モジュール」パネルで利用可能なオプションを参照してください。
モジュールを選択する際は、「このセクションを見た訪問者に何を理解してもらいたいか、または何をしてもらいたいか？」を考慮してください。サービスについて説明する場合は、「画像とテキスト」または「カード」を使用します。訪問者に情報を送信してもらいたい場合は、「フォーム」インテグレーションを使用します。直接販売が目的の場合は、「ストア」モジュールを使用します。
モジュールの選び方
- エディタで「モジュール」パネルを開きます。
- 「コンテンツ」、「ストア」、「インテグレーション」のいずれかのカテゴリを選択します。
- カードのプレビューと使用方法の説明を確認し、現在のページに追加します。
- プレビューでモジュールをクリックし、独自のテキスト、画像、ボタン、またはサードパーティのリンクを入力します。
ヘッダーとフッターもモジュールですが、ウェブサイトの固定された上部と下部のフレームとして機能します。これらは、一般的なモジュールリストで検索するのではなく、「レイアウト」パネルから追加または設定してください。
コンテンツモジュール
コンテンツモジュールは、ブランド、サービス、ポートフォリオ、情報を紹介するために使用されます。ヘッダーとフッターを除くほとんどのモジュールは、「モジュール」→「コンテンツ」から直接追加できます。
| モジュール |
|---|
| ヘッダー |
| フッター |
| ヒーローセクション |
| 画像とテキスト |
| 画像カルーセル |
| カードカルーセル |
| メディアブログリンク |
| 画像ギャラリー |
| カードギャラリー |
| テキストカードギャラリー |
| プランショーケース |
| 投稿リスト |
| 長文コンテンツ |
| コールトゥアクション |
| カウントダウンタイマー |
| 主要指標 |
| マイルストーン |
| FAQアコーディオン |
| フル幅画像 |
| 配達サービス |
コンテンツモジュールの選び方のヒント
- 完全なストーリーを伝えるには：「画像とテキスト」または「長文コンテンツ」を使用します。
- 情報をスキャンしやすくするには：「カードギャラリー」、「テキストカードギャラリー」、または「主要指標」を使用します。
- 信頼を築くには：「FAQアコーディオン」、「マイルストーン」、および実際のプロジェクト画像を使用します。
- イベントページには：「ヒーローセクション」と「カウントダウンタイマー」および「FAQアコーディオン」を組み合わせて使用します。
ストアモジュール
ストアモジュールは、製品とチェックアウトプロセスがすでに設定されているウェブサイトに適しています。価格を表示するだけでなく、訪問者を製品選択とチェックアウトに導きます。
| モジュール |
|---|
| マルチプラン比較 |
| 商品ショーケース |
チェックアウトなしでサービス提供を比較したいだけであれば、「プランショーケース」を使用してください。製品を販売する場合は、オンラインストアの製品と支払い設定が完了していることを確認してください。
インテグレーションモジュール
インテグレーションモジュールは、他のプラットフォームの公開コンテンツまたは予約ツールをウェブサイトに埋め込みます。これらはトラッキングコードではなく、トラッキングコードはバックグラウンドでデータを記録しますが、インテグレーションモジュールは訪問者が直接コンテンツを表示したり操作したりできるようにします。
ソーシャルメディアとポートフォリオ
| モジュール |
|---|
| Behance Projects |
| Threads |
| TikTok Videos |
| Discord |
動画、音楽、ポッドキャスト
| モジュール |
|---|
| YouTube Videos |
| Spotify |
| Apple Music |
| Apple Podcasts |
フォームと予約
| モジュール |
|---|
| SurveyCake Form |
| Google Forms |
| Typeform |
| Calendly |
デザインとローカル情報
| モジュール |
|---|
| Figma |
| Google Business Profile |
インテグレーションモジュールの一般的な準備
- サードパーティのコンテンツが公開されており、プラットフォームが埋め込みまたは共有を許可していることを確認します。
- プラットフォームから公開コンテンツのURL、ID、または招待リンクをコピーします。
- 「モジュール」→「インテグレーション」に移動し、プラットフォームを選択して、プロンプトに従って情報を貼り付けます。
- プレビューとライブウェブサイトを使用してテストします。ログイン状態、プライバシー設定、またはブラウザの制限により、一部のプラットフォームはプレビューで完全に表示されない場合があります。
ヒント
- ホームページには通常、4〜7個の目的のあるモジュールが必要です。見た目のために詰め込みすぎないようにしてください。
- ページごとに1つの主要なコールトゥアクション（例：予約、購入、連絡）を維持し、ボタンのテキストを統一してください。
- 動画、フォーム、外部コンテンツは、訪問者がインタラクションの理由を理解できるように、関連する説明テキストの後に配置してください。
- サードパーティのコンテンツが表示されない場合は、まず投稿、動画、またはフォーム自体が公開に設定されていることを確認してください。
よくある質問
目的またはプラットフォーム名でモジュールパネルを検索してください。それでも見つからない場合は、最も近いコンテンツモジュールを組み合わせてみてください。たとえば、カードギャラリーを使用してサービスを説明し、外部リンクを使用して訪問者を他のツールに誘導します。すべてのサードパーティサービスが任意に埋め込めるわけではないと想定してください。
AIをサポートするモジュールには、作成または編集プロセス中にAIアシスタントのエントリーポイントが表示されます。インテグレーションモジュール、ヘッダー、フッター、および外部データに依存するモジュールは、通常、手動設定が必要です。
インテグレーションモジュールは、訪問者が動画、フォーム、予約ツールなどの外部コンテンツを表示または使用できるようにします。一方、サードパーティトラッキングは、Google Tag Manager、GA4、またはMeta Pixelのように、バックグラウンドで広告またはトラフィックデータを記録します。
はい、ただし、各インスタンスは異なる目的を果たす必要があります。たとえば、1つの「画像とテキスト」モジュールがサービスを説明し、別のモジュールがプロセスを説明する場合があります。まったく同じコピーと画像を複製しないでください。
オンラインストア内で製品作成と支払い設定を完了していること、および正しいウェブサイトを編集していることを確認してください。ストアモジュールには、サイト内で利用可能な製品データが必要です。
関連ドキュメント
metaTitle: モジュールタイプの完全ガイド | ヘルプセンター | Kanorio metaDescription: Kanorioの38モジュール（コンテンツ、ストア、インテグレーション）の包括的なガイド。ヘッダー、ヒーローセクション、画像とテキスト、FAQ、製品、ソーシャルメディア、動画、フォーム、予約ツールを素早く理解できます。 metaKeywords: モジュールタイプ, モジュールリスト, ウェブサイトモジュール, FAQモジュール, カルーセルモジュール, 製品モジュール, Instagram埋め込み, YouTube埋め込み, フォーム埋め込み ogImageAlt: canonicalUrl: https://kanorio.com/ja/help/module-types