カムスタには、Instagram・TikTok・X・YouTubeの投稿やアカウントをホームページに埋め込むための専用コンポーネントが用意されています。埋め込みコードの取得やHTMLの編集は不要で、管理画面からコンポを追加するだけでSNSコンテンツを表示できます。この記事では、各SNSコンポの使い方と活用のポイントを解説します。
SNSをHPに埋め込むメリット
最新情報の自動反映
SNSの投稿がそのままHPに表示されるため、SNSを更新するだけでHPの情報も自動的に新しくなります。ブログを書く時間がなくても、SNS投稿でHP上のコンテンツを充実させられます。
信頼性・ブランディングの強化
実際のSNSアカウントを埋め込むことで、店舗が活発に活動していることをお客様に示せます。キャストの日常やイベントの様子がリアルに伝わり、来店への安心感につながります。
Instagramの埋め込み
カムスタには2種類のInstagramコンポーネントがあります。
| コンポ名 | 用途 | 表示内容 |
|---|---|---|
| 特定の投稿を表示 | 指定した投稿を1つ埋め込み表示 | |
| Instagram ユーザー | アカウントのフィードを表示 | アカウントの最新投稿を一覧表示 |
「Instagram ユーザー」コンポは、アカウントのユーザー名を設定するだけで最新の投稿が自動表示されます。投稿を更新するたびにHPも自動で更新されるため、コンカフェやガールズバーのイベント写真、メンズエステの店内写真などをInstagramに投稿するだけでHPのコンテンツも充実します。
サイドバーにも「Instagram埋め込み」コンポを配置でき、メインコンテンツの横にSNSフィードを常時表示できます。スタッフ詳細ページにも「Instagramアカウント埋め込み」コンポがあり、キャスト個人のInstagramを表示可能です。
TikTokの埋め込み
TikTokにも2種類のコンポーネントがあります。
| コンポ名 | 用途 |
|---|---|
| TikTok ムービー | 特定の動画を1つ埋め込み表示 |
| TikTok ユーザー | アカウントの投稿を一覧表示 |
ショート動画でキャストの魅力や店舗の雰囲気を伝えるのに最適です。「TikTok ユーザー」コンポをTOPページや店舗紹介ページに配置すれば、TikTokに投稿するだけでHPにも動画コンテンツが反映されます。
スタッフ詳細ページにも「TikTokアカウント埋め込み」コンポがあり、キャスト個人のTikTokを表示できます。
X(旧Twitter)の埋め込み
Xにも2種類のコンポーネントがあります。
| コンポ名 | 用途 |
|---|---|
| 𝕏 ツイート | 特定のツイートを1つ埋め込み表示 |
| 𝕏 ユーザー | アカウントのタイムラインを表示 |
「𝕏 ユーザー」コンポでタイムラインを埋め込めば、Xでの告知やキャスト出勤情報がリアルタイムでHPにも反映されます。出勤情報やイベント告知をXで発信している店舗には特に効果的です。
スタッフ詳細ページにも「Xアカウント埋め込み」コンポがあります。
YouTubeの埋め込み
YouTubeには2種類のコンポーネントがあります。
| コンポ名 | 用途 |
|---|---|
| Youtube | 特定の動画や再生リストを埋め込み |
| Youtube RSS | チャンネルの最新動画を自動表示 |
店舗紹介動画やキャストの自己紹介動画など、長尺のコンテンツを掲載するのに最適です。「Youtube RSS」コンポを使えば、チャンネルに動画をアップロードするだけでHPにも自動反映されます。
スタッフ詳細ページには「Youtube動画埋め込み」コンポがあり、キャスト個人の紹介動画を表示できます。
iframe埋め込み(その他のサービス)
上記のSNS以外のサービスを埋め込みたい場合は、「iframe埋め込み」コンポを使用します。外部サービスが提供する埋め込みコード(iframe)をそのまま貼り付けることで、さまざまなコンテンツをHPに表示できます。
活用例:
- Googleフォームのアンケート
- 外部の予約ウィジェット
- Spotifyのプレイリスト
- その他のSNS(Threadsなど)の埋め込み
※ スタッフ詳細ページには「Threadsアカウント埋め込み」コンポも用意されています。
活用のポイント
配置場所を選ぶ
TOPページにはInstagramやTikTokのユーザーコンポを配置して店舗の活気を伝え、スタッフ詳細ページには個人のSNSコンポを配置してキャストの人柄を伝えるなど、ページの目的に合わせたSNSコンポを選びましょう。
サイドバーも活用
Instagram・TikTok・X・動画のコンポはサイドバーにも配置できます。メインコンテンツの横にSNSフィードを常時表示することで、どのページを見ていてもSNSの存在を認知してもらえます。
SNSの更新がHPの更新になる
ブログを書く余裕がなくても、SNSに投稿するだけでHPのコンテンツも自動更新されます。SNS運用とHP運用を一体化できるのがカムスタの強みです。
レスポンシブ対応
カムスタのSNSコンポはすべてレスポンシブ対応です。スマートフォンでもPCでも、デバイスに合わせた最適な表示で閲覧できます。
まとめ
カムスタにはInstagram・TikTok・X・YouTubeの専用コンポーネントが用意されており、アカウント名や動画URLを設定するだけでHPに埋め込み表示できます。HTMLの編集や埋め込みコードの取得は不要です。
さらに「iframe埋め込み」コンポを使えば、対応コンポがないサービスのコンテンツも自由に埋め込めます。SNSでの日常的な発信をそのままHPのコンテンツとして活かし、集客力を高めましょう。