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

TikTokスライダーウィジェット

TikTok Trends Sliderは、バズったTikTok動画をスクロール可能な雑誌風レイアウトで見せるために設計された、洗練されたエディトリアル調のカルーセルです。大胆なセクションタイトル(例:「Viral TikTok Trends」)、短い導入テキスト、中央に配置されたフォローCTAを備え、ページを軽量で見やすく保ちながらトレンドコンテンツを際立たせます。

機能

  • 横型スライダーレイアウト:1行のカルーセルでTikTok動画をスワイプ/スクロールして閲覧

  • 縦長の動画カード:角丸でモダンな印象の、TikTokネイティブな縦型サムネイル

  • 大胆なヒーローヘッダー:大きなタイトル+短い説明で、セクションを厳選されたトレンドハブのように演出

  • フォローボタンCTA:ウェブサイトから直接プロフィールのフォローを促す目立つボタン

  • クリエイター表示バー:信頼性とコミュニティ感のために、各カードの下にハンドル/ソースを表示

  • キャプション/抜粋プレビュー:ごちゃつかせずに文脈を加える、各動画の下の短いテキスト

  • ナビゲーション矢印:デスクトップで簡単に閲覧できる左右コントロール(モバイルではスワイプ)

  • レスポンシブデザイン:カルーセル体験を保ちながら、デバイスをまたいでスムーズに調整

ユースケース

  • ホームページのトレンドセクション:今話題のものを見せ、サイトを常に新鮮に保つ

  • ファッション/ビューティー/ライフスタイルブランド:スタイルのインスピレーション、ルーティン、バズったルックを特集

  • キャンペーン用ランディングページ:新作リリース、ハッシュタグチャレンジ、季節施策にまつわる動画を厳選

  • クリエイター&コミュニティページ:人気のクリップを際立たせ、フォローを促進

  • コンテンツハブ:新しい動画で自動的に更新される「デイリートレンド」ブロックを構築

埋め込み方法

  1. EmbedSocialでTikTokソース(設定に応じてプロフィール/チャンネル、ハッシュタグ、またはキャンペーンソース)を連携します。

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

  3. セクションタイトルと説明をカスタマイズし、フォローボタンを有効にします。

  4. 表示する動画の数を設定し、カードの間隔/キャプションの長さを調整します。

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

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

ウェブサイトにバズの熱量を。TikTok Trends Sliderを埋め込めば、訪問者はトレンド動画をスクロールして楽しめ、あなたはワンクリックで再生数とフォロワーを伸ばせます。

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

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