自分の動画やPDFカタログには「マルチメディアコンテンツ」と「YouTube統合」のどちらを使うべきですか？

動画を完全に広告なしで、他のチャンネルの動画を推奨させたくない場合、または音声、オンラインフリップブックPDF、ダウンロード可能なファイルをホストする必要がある場合は、「メディア＆テキスト」タブの「マルチメディアコンテンツ」モジュールを使用してファイルを直接アップロードしてください（これはサイトのストレージ容量を共有します。「動画、音声、PDF、ファイルダウンロード」を参照）。動画がすでにYouTubeチャンネルにある場合、または500MBを超えておりサイトのストレージ容量を使用したくない場合は、「YouTube動画」統合モジュールを使用してください。

モジュールと埋め込みサービスの概要

約 12 分Kanorio でサイトを作成

概要

Kanorioでは現在、エディターの「モジュール」パネルにて40種類のモジュールを提供しており、コンテンツ表示、オンラインストア、および17種類の主要なサードパーティプラットフォームの埋め込みに対応しています。

モジュールの追加方法、6種類の背景色の調整、4種類のカードスタイルの切り替え、または同じファミリー内でのレイアウトのワンクリック変換については、「」をご覧ください。
ヘッダーとフッターはサイトの上下に固定されます。これらは上部の「レイアウト」メニューから設定できます（「」を参照）。Link-in-bioツールは専用のページレイアウトです（「」を参照）。

コンテンツモジュール（4つのパネルタブによる分類）

1. ビジュアルタブ（第一印象を作り、作品を披露する）

モジュール名	目的	レイアウトと機能の設定
ヒーロー	ページの最上部に配置し、核となるメッセージや主要なアクションを伝えます。	3種類のレイアウト（バナー＋カード、分割、全幅）。バナーの高さ（コンパクト／標準／高さあり）、ロゴサイズ、ブランドURLの表示切り替え、主要なハイライト、小さなデータポイントの設定が可能です。
全幅画像	画面全体に高品質な写真を配置し、テキストやボタンを重ねて表示します。	9グリッドのテキスト配置とテキスト背景の表示切り替えが可能です。データを保持したまま、ヒーローや分割レイアウトのモジュールへ変換できます。
画像ギャラリー	複数の作品、写真、イベントのハイライトをグリッドやメーソンリーレイアウトで表示します。	メーソンリーには「オリジナル」を選択するか、均一なグリッドには`1:1 / 4:3 / 3:4 / 16:9`を選択します。ライトボックス表示や個別の画像幅調整に対応しています。
画像カルーセル	複数の写真を水平スライダーで表示し、垂直方向のスペースを節約します。	自動再生、画像サイズ調整、高さモードの切り替えに対応しています。

2. メディア＆テキストタブ（サービス、機能、マルチメディアを説明する）

モジュール名	目的	レイアウトと機能の設定
分割レイアウト	画像と詳細な説明を組み合わせます。ブランドストーリーやサービス紹介、創業者紹介に最適です。	左右の配置入れ替え、画像サイズと5種類のアスペクト比調整が可能です。「＋主要ハイライト」や「＋小さなデータ」の追加に対応しています。
カードギャラリー	サービス、事例紹介、機能のハイライトに最適な、汎用性の高いグリッドです。	3種類のグリッド（均一、弁当、リスト）× 4種類のカードスタイル（影付き、枠線、控えめな背景、ミニマル）。各カードは写真／アイコン、バッジ、主要ハイライト、個別のボタン、3行または5行のテキスト省略に対応しています。
カードカルーセル	複数のカードを水平スライダーで表示します。	4種類のカードスタイル、バッジ、主要ハイライト、ボタンに対応しています。カードギャラリーモジュールとの相互変換が可能です。
アクションボタン	力強いメッセージとボタンを使用して、セクション間やフッターでのコンバージョンを促進します。	中央または左寄せの配置、サブ見出し、主要ハイライト、小さなデータポイントに対応しています。
マルチメディア	動画、音声、オンラインPDFのアップロードと再生、またはファイルダウンロードカード（Word/Excel/PPT/EPUB/ZIP）を提供します。	再生速度調整、ピクチャーインピクチャー再生、PDFリーダーを内蔵しています（を参照）。単一アイテムの表示幅（コンパクト／標準／ワイド）を調整できます。

3. テキストタブ（詳細な読み物やプレーンテキスト構造）

モジュール名	目的	レイアウトと機能の設定
テキストカードギャラリー	写真を使わずに、サービスの機能、利点、価格、手順などを明確にリスト化します。	カードギャラリーと同じ3種類のグリッドと4種類のカードスタイルを共有します。各カードはアイコン、バッジ、主要ハイライト、個別のボタンに対応しています。
長文テキスト	構造化されたフォーマットが必要な詳細な説明、規約、チュートリアルに最適です。	2段階の見出し構造と、自動生成されるサイド／トップの目次（TOC）に対応しています。
ブログ記事	公開された記事を自動的に取得して表示します。	4種類のレイアウト（均一グリッド、注目記事、水平リスト、テキストのみの告知）。カテゴリやタグによるフィルタリングや、下部に「すべて表示」ボタンの追加が可能です。

4. インフォメーションタブ（信頼構築、価格、営業時間、場所）

モジュール名	目的	レイアウトと機能の設定
FAQ	よくある質問を整理し、繰り返しのサポート問い合わせを減らします。	• 3種類のレイアウト：1列アコーディオン（デフォルト）、2列アコーディオン（デスクトップ）、全展開グリッド
価格表	サービスプラン、価格、内容を並べて比較します（情報提供のみ、決済機能なし）。	• 注目プランのバッジ、チェックマークリスト、個別のプランボタン、モジュールレベルのボタンに対応しています。
主要指標	大きな数字で成果をアピールします（例：「500社以上の導入実績」、「評価99.8%」など）。	• 2種類のスタイル：個別カードグリッド（デフォルト）、垂直線付きのミニマルなデータストリップ
マイルストーン	ブランドの歴史、イベントのタイムライン、または4ステップのサービスプロセスを提示します。	• 3種類のレイアウト：垂直タイムライン（デフォルト）、水平ステップ（デスクトップ、`1 → 2 → 3`）、交互配置のセンター軸
カウントダウン	イベント開始、早期割引、登録期限などのリアルタイムカウントダウンを表示します。	• カスタム終了時間と期限切れ後のテキスト表示に対応しています。
配送情報	配送距離区分、配送料、送料無料の基準を表示します。	• 2種類のレイアウト：距離レーダー＋リスト（デフォルト）、レーダーなしの並列ティアカード
メディアリンク	外部メディア掲載、パートナー、おすすめ記事のリストを整理します。	• 大きな画像またはサムネイルリスト表示に対応しています。

ストアおよびフォームモジュール（直接購入やフォーム入力を行う）

これら4つのモジュールは、管理画面の「ストア › 商品」または「マーケティング › オンラインフォーム」で作成したデータを呼び出します：

モジュール名	目的	レイアウトと機能の設定
商品カタログ	複数の商品をリスト化し、閲覧、フィルタリング、カート追加、またはクイック決済を可能にします。	画像のアスペクト比は`1:1`（正方形）、`3:4`（縦長）、`4:3`、`16:9`に対応しています。「ミニマル」カードスタイルとモジュールレベルのボタンに対応しています。
商品表示	複数の画像、バリエーション選択、詳細説明を使用して、単一の商品を強調します。	• 画像左／購入右または購入左／画像右の入れ替えと、アスペクト比の切り替えに対応しています。
プラン選択	単一商品の複数のバリエーションやプランを選択するエリアを作成し、直接決済へ誘導します。	• オンライン講座、コンサルティングパッケージ、バンドルプロモーションに最適です。
オンラインフォーム	問い合わせフォーム、イベント登録、アンケートを埋め込みます。	• 1列または2列のレイアウトに対応しています。回答は自動的にダッシュボードへ同期されます（を参照）。

サードパーティサービスの埋め込み（17種類の統合プラットフォーム）

統合モジュールを使用すると、他のプラットフォームの公開投稿、動画、音楽、アンケート、予約カレンダー、デザインドラフト、Googleマップの場所などをサイトに直接埋め込むことができます。訪問者はサイトを離れることなく、それらを閲覧したり操作したりできます。

統合モジュールとサードパーティトラッキングコードの違い：統合モジュールは、訪問者がページ上で見てクリックできるフロントエンドコンテンツです。Googleタグマネージャー（GTM）、GA4、またはMetaピクセルをバックグラウンドでインストールして広告トラフィックを追跡する必要がある場合は、「サイト設定 › トラッキングコード」へ移動してください（「」を参照）。

1. ソーシャル投稿、ポートフォリオ、動画（公開共有リンクを貼り付け）

投稿、リール、ショート動画、または動画が元のプラットフォームで「公開」設定になっていることを確認し、「共有」ボタンから公開リンクをコピーしてモジュールに貼り付けてください（ブラウザのバックグラウンド管理URLや非公開投稿のリンクは貼り付けないでください）：

連携	用途	設定のヒント
YouTube	ブランド動画、チュートリアル、インタビュー、公開プレイリスト。	並列動画グリッド（デバイスごとの列数調整可能）と単一動画の幅調整に対応しています。
Instagram	公開されているIG投稿やリール。	投稿またはリールの公開URLを貼り付けます。複数投稿のグリッド表示に対応しています。
Facebook	公開ページの投稿、イベント投稿、動画、リール。	投稿は「公開」に設定されている必要があります（後から非公開に変更すると、サイト上で表示されなくなります）。
Threads	公開されているThreadsの投稿やディスカッションスレッド。	スレッドの公開URLを貼り付けます。
TikTok	公開されているTikTok動画や舞台裏コンテンツ。	公開動画のリンクを貼り付けます。
Pinterest	ブランドのインスピレーションボードやプロフィールの紹介。	最初にモジュール設定でPinterestアカウントを連携してください。プロフィールを表示するか、特定のボードを表示するかを選択します（新しいボードを追加した後は「同期」をクリックしてください）。
Behance	デザイナー、写真家、クリエイターの公開プロジェクトポートフォリオ。	公開されているBehanceプロジェクトのURLを貼り付けます。
Discord	サーバー情報の表示と「参加」ボタンの設置。	サーバーの公開招待リンクまたはサーバーIDを貼り付けます。

2. 音楽とポッドキャスト（マルチカラムレイアウトと幅調整をサポート）

連携	用途	設定のヒント
Spotify	楽曲、アルバム、公開プレイリスト、ポッドキャストのエピソード。	公開共有リンクを貼り付けます。デスクトップ／タブレット向けの列数調整（1～3列）とプレイヤーの幅調整に対応しています。
Apple Podcast	公開されている番組やエピソードプレイヤー。	公開共有リンクを貼り付けます。複数列のグリッドと幅の切り替えに対応しています。
Apple Music	公開されている楽曲、アルバム、プレイリストのプレビュー。	公開リンクを貼り付けます。複数列のグリッドと幅の切り替えに対応しています。

3. 外部アンケートと予約ツール（先に元のプラットフォームで公開）

外部のアンケートや予約システムの使用に慣れている場合は、それらをサイトに直接埋め込むことができます。（回答の収集、顧客リストの整理、確認メールの送信をKanorioの管理画面内で直接行いたい場合は、組み込みの「」を先に使用することをお勧めします）：

連携	用途	公開前のチェックリスト
Calendly	顧客がコンサルティング、見学、サービスをサイトから直接予約できるようにします。	公開予約ページのURLを貼り付ける前に、Calendlyで空き状況、タイムゾーン、通知設定を確認してください。
Google フォーム	登録フォームや簡単なアンケートを表示します。	「回答を許可」が有効になっていること、および「組織内のユーザーに限定」するログイン要件が設定されていないことを確認してください。
SurveyCake	SurveyCakeのアンケートを埋め込みます。	アンケートが公開されていることを確認し、公開アンケートURLを貼り付けてください。
Typeform	インタラクティブなTypeformフォームを埋め込みます。	フォームが公開されていることを確認し、公開共有リンクを貼り付けてください。

4. デザインドラフトと実店舗の場所

連携	用途	設定のヒント
Figma	公開されているFigmaデザイン、プロトタイプ、FigJamボード、プレゼンテーションを直接操作・プレビューします。	Figmaで「共有」をクリックし、アクセス権をリンクを知っている全員が閲覧可に設定してから、リンクを貼り付けてください。
Google ビジネスプロフィール	店舗／スタジオ名、住所、電話番号、営業時間、評価、ナビゲーションボタンを表示します。	公開されているGoogleビジネスの場所を検索して連携します。複数の場所を並べて表示することに対応しています。

なぜ任意のHTML、iframe、埋め込みコードを貼り付けられないのですか？

すべての訪問者とサイトのセキュリティを保護し、高速な読み込み速度を維持し、安定したモバイルレイアウトを確保するため、Kanorioでは任意のHTML、JavaScript、またはサードパーティの<iframe>埋め込みコードの貼り付けを許可していません（テキストボックスやURLフィールドにコードを貼り付けないでください。システムが自動的にフィルタリングします）。

上記に記載されていない外部サービスを埋め込みたい場合は、管理画面右下の「サポートチャット」からお気軽にお問い合わせください。サービス名と公開URLを開発チームに提供いただければ、公式統合モジュールとしての追加を検討いたします。

埋め込みが表示されない場合の5ステップのクイックトラブルシューティング

シークレットウィンドウで元のリンクを開く: 投稿、動画、フォーム、またはFigmaファイルが、どのアカウントにもログインしていない状態で正常に開くことを確認してください（これが本当に公開されていることの証明になります）。
バックグラウンド管理URLを貼り付けていないか確認する: ブラウザの編集管理画面のURLではなく、プラットフォームの「共有」ボタンからコピーした公開URLを使用してください。
元のプラットフォームが埋め込みを許可しているか確認する: YouTube動画やソーシャルアカウントによっては、「埋め込みを許可」が無効になっていたり、元のプラットフォームで年齢制限や地域制限がかかっていたりして、外部サイトでの再生ができない場合があります。
ブラウザ拡張機能の干渉を除外する: 一部の厳格な広告ブロッカーやトラッキング防止モードは、InstagramやFacebookなどのソーシャル埋め込みをブロックする場合があります。モバイルデバイスや標準的なブラウザでテストしてみてください。
公開後にライブサイトで確認する: 一部の外部サービスは、エディターのプレビュー画面では読み込みが遅い場合があります。最終確認として、公開後に実際のサイトで確認してください。

よくある質問

いいえ。「統合モジュール」は、ページの中ほどにIGの投稿や動画全体を埋め込むためのものです。ヘッダー、フッター、ヒーローセクション、またはLink-in-bioページにブランドのソーシャルアイコンを並べて訪問者にクリックさせたい場合は、「サイト編集 › ブランド」へ移動し、「ブランドソーシャルリンク」を入力してください。

「インフォメーション」タブにある「プラン表示」モジュールを選択してください。ストアで商品を先に作成する必要はなく、プラン名、価格、機能リスト、予約/問い合わせボタンを自由に入力できます。

動画を完全に広告なしで、他のチャンネルの動画を推奨させたくない場合、または音声、オンラインフリップブックPDF、ダウンロード可能なファイルをホストする必要がある場合は、「メディア＆テキスト」タブの「マルチメディアコンテンツ」モジュールを使用してファイルを直接アップロードしてください（これはサイトのストレージ容量を共有します。「動画、音声、PDF、ファイルダウンロード」を参照）。
動画がすでにYouTubeチャンネルにある場合、または500MBを超えておりサイトのストレージ容量を使用したくない場合は、「YouTube動画」統合モジュールを使用してください。