新着お知らせ EmbedSocial MCP: connect your data to any AI tool
ProTikTokFeed

TikTokカルーセルウィジェット

TikTokカルーセルは、トレンドのTikTok動画を大きな縦型カードで表示する、ダークでインパクトのある横スクロール型のリールです。「ライブフィード」のメッセージ、前後の操作ボタン、目を引く「フォローする」CTAを備え、キュレーションされたトレンドハブのように感じられるよう設計されています。シネマティックなソーシャルセクションを求めるモダンなブランドに最適です。

機能

  • ダークカルーセルレイアウト:カラフルなTikTokのサムネイルを際立たせるプレミアムなブラックUI

  • ライブフィードラベル:「ライブフィード」インジケーターとキュレーションされた説明テキストで新鮮さを強調

  • 大きな縦型カード:モダンな印象を与える角丸の、TikTokネイティブなアスペクト比

  • 再生オーバーレイ+TikTokバッジ:明確な視聴アクションに加え、各カードにプラットフォームを認識させる表示

  • 前へ/次へのナビゲーション:閲覧用のボタン操作(デスクトップに最適)

  • フォローするCTA:サイトから直接プロフィールのフォローを促す目立つアクションボタン

  • 没入感のある余白:大きなカードと最小限の要素で「注目の瞬間」のような見栄え

  • レスポンシブ&スワイプ対応:モバイル端末でもスムーズな横スクロール

ユースケース

  • トップページの「トレンド」ブロック:サイトに勢いと新鮮さを瞬時に注入

  • ファッション/ビューティー/ライフスタイルブランド:バイラルなルック、ルーティン、クリエイターコンテンツを紹介

  • キャンペーンのランディングページ:チャレンジ投稿やローンチ関連の動画を1つのリールにまとめる

  • コミュニティページ:UGCやトレンドの瞬間を紹介し、信頼とエンゲージメントを構築

  • イベント/レポートページ:ハイライトクリップを次々と見たくなるカルーセル形式で掲載

埋め込み方法

  1. EmbedSocialでTikTokソース(プロフィール/チャンネル、ハッシュタグ、またはキャンペーンフィード)を接続します。

  2. TikTokテンプレートライブラリからテンプレートを選択します。

  3. ヘッダーテキスト(タイトル+短い説明)をカスタマイズし、「フォローする」ボタンを有効にします。

  4. カルーセルの動作(表示するカード数、余白、ナビゲーションボタン、利用可能であれば自動再生)を設定します。

  5. 埋め込みコード(JavaScriptまたはiFrame)をコピーします。

  6. ウェブサイト(Shopify、WordPress、Webflow、Wix、Squarespace、またはカスタムHTML)に貼り付けて公開します。

ウェブサイトをライブでトレンド感のある雰囲気に。TikTokカルーセルを埋め込んで、訪問者にバイラル動画を閲覧してもらいながら、目を引く「フォローする」ボタンで再生数とフォロワーを増やしましょう。

このテンプレートを自分仕様にカスタマイズ。

EmbedSocialでカスタマイズして、数分でウェブサイトに埋め込めます。コードは不要です。