NewAnnouncing EmbedSocial MCP: connect your data to any AI tool
Blog Tutorials

【フィード機能】ウィジェットのレイアウトが刷新されました!

2020年10月のアップデートにより、Instagram・Twitterなどソーシャルメディア投稿の埋め込みに活用いただける「フィード機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。

esbasicmath
View as Markdown
【フィード機能】ウィジェットのレイアウトが刷新されました!

esbasicmath

EmbedSocial Team

2020年10月のアップデートにより、Instagram・Twitterなどソーシャルメディア投稿の埋め込みに活用いただける「フィード機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。

※従来のレイアウトも引き続きご利用いただけます

目次

  1. 【定番】フィード レイアウト
  2. 【余白が多くて見やすい】Wall レイアウト
  3. 【一画面に数多く表示できる】Masonry レイアウト
  4. 【ギャラリーに最適】Grid レイアウト
  5. 【動きのある表示ができる】Slider レイアウト
  6. 【より大きなスライダー表示】カルーセル レイアウト
  7. 【新着投稿を強調できる】Collage レイアウト

フィード レイアウト

定番のフィードレイアウトは、ロードボタンを「もっと読み込む」に設定した際にウィジェット下部が半透明の状態となり続きがあることがより分かりやすくなりました。

ウィジェット上部には新たにタイトルが設置できるようになり、フォローボタンや現在の投稿数を表示いただくことができます。

Wall レイアウト

新たなレイアウトとしてWall レイアウトが追加されました。フィード レイアウトとの違いは、タイトル・ロゴマークの位置や画像のサイズに現れています。同様に、ウィジェット下部は半透明の状態となり続きの表示が分かりやすくなっています。

Masonry レイアウト

一画面に多くの投稿を表示することができるMasonry レイアウトも同様にデザインの更新、一投稿あたりのテキスト量も減少しよりスッキリした見た目となりました。

新レイアウトにより設置が可能となったウィジェット上部のタイトルは、管理画面より非表示にすることもできます。読み込みボタンに関しては、先ほどのフィード・Wall レイアウトのような「もっと読み込む」ボタン、あるいは下記のようなページネーション(1, 2, 3, …)より選択することができます。

Grid レイアウト

画像ギャラリーとしての表示に適したGrid レイアウトでは、マウスオーバーした際の背景が黒になり、フォントの変更と合わせてより高級感のある見た目になりました。

ウィジェットに表示させた投稿には外部リンクを設置することができ、ソーシャルメディアのUGCを活用して購買・お問い合わせ数の増加へとつなげていただくことができます。

Slider レイアウト

Slider レイアウトでは、表示させる投稿が自動で切り替わるため、フッターなど限られたスペース内で表示させる際に活躍します。自動更新の速度は管理画面より変更することができるほか、下記のように収集元のSNSロゴを非表示にすることもできます。

カルーセル レイアウト

カルーセルレイアウトでは、より大きなサイズで各投稿をスライダー形式で表示することができるため、各投稿をクリックして拡大することなく閲覧できます。各投稿のリンクは、下記のようにポップアップを表示させることなく直接もとのSNS投稿へとリンクさせることも可能です。

Collage レイアウト

Collage レイアウトでは、最新の投稿を拡大して表示させることができるため、Youtube動画を表示させる場合など最新投稿へとユーザーを積極的に誘導したい場合に有効です。

新しく追加されたレイアウトはいかがでしたでしょうか?

EmbedSocialではレイアウトの改善・機能の追加を積極的に行っています。追加機能のご要望などございます際には、ぜひ担当者までご意見をお寄せくださいませ!

Nick Poggi, TrovaTrip Ryan Hazlewood Zanna Ollove, Boston College Brooks Hitzfield, Seven Sons
Loved by 400,000+ brands

Put your social proof to work

Aggregate reviews, social media, and UGC. Display them on any website with EmbedSocial widgets.

Start free trial

Cancel anytime. All features included.

Related posts

View all posts
ECサイトにInstagram投稿・リールを埋め込む方法と効果

ECサイトにInstagram投稿・リールを埋め込む方法と効果

ECサイトにInstagram投稿・リールを埋め込むと購買率が向上します。HTMLコード・API・ツールの3つの方法と、EmbedSocialで実現するEC特化の活用術を解説。Shopify・WordPress・BASE・カラーミーショップへの対応手順や、商品ページへのUGC配置でCVRを高める実践ノウハウも網羅。

ソーシャルリスニング実践:Threads × キーワード収集 × 人気ドラマ編|データの読み方から活用まで

ソーシャルリスニング実践:Threads × キーワード収集 × 人気ドラマ編|データの読み方から活用まで

Threadsキーワード収集で集めた人気ドラマ関連の投稿550件を事例に、ソーシャルリスニングのデータ確認・分析・UGC活用まで実践的な手順を解説します。EmbedSocialを使った一気通貫ワークフローも紹介。

MEO運用をn8nで自動化する方法|EmbedSocial × n8n 実践ガイド【2026年版】

MEO運用をn8nで自動化する方法|EmbedSocial × n8n 実践ガイド【2026年版】

MEO運用の「自動化できること・できないこと」を整理し、EmbedSocial × n8n × ClaudeによるMEO自動化の3レイヤー構造を紹介。実践例としてEmbedSocial × n8nのワークフローを解説。他社MEOツールとのAPI連携比較も掲載。

UGC二次利用許諾の取り方3選|キャンペーン・Instagram・TikTok別に解説【2026年版】

UGC二次利用許諾の取り方3選|キャンペーン・Instagram・TikTok別に解説【2026年版】

UGCを安全に二次利用するには、事前同意・事後申請の2つのアプローチがあります。ハッシュタグキャンペーンでの事前同意方式と、EmbedSocialを使ったInstagram・TikTokの許諾リクエスト自動化をステップで解説します。

多店舗のMEOをAIエージェントに任せる─ EmbedSocial for MEO 完全ガイド

多店舗のMEOをAIエージェントに任せる─ EmbedSocial for MEO 完全ガイド

EmbedSocial for MEOは、AIと自動化で多店舗・複数拠点のMEO運用を効率化するプラットフォームです。本記事では2026年の市場変化や全機能、導入事例、既存ツールとの違いを網羅。店舗数増加による運用負荷に悩むチェーン本部や代理店にとって、最適なツール選定と意思決定を支援する決定版ガイドです。

【検証】Claudeに「Instagramセクションを作って」と頼んで見えた、LLMの限界とUGCツールの必要性

【検証】Claudeに「Instagramセクションを作って」と頼んで見えた、LLMの限界とUGCツールの必要性

ChatGPTやClaude等でUGCセクションは作れるのか?マーケターが実際に検証。AI単体では架空のUGCが生成され景表法違反のリスクがあり、API連携や許諾管理などの運用基盤も構築できません。LLMで戦略・コピーを作りUGCツール(EmbedSocial)で運用する、正しい相互補完の最適解を解説します。