---
title: "【ストーリー機能】ウィジェットのレイアウトが刷新されました！"
date: 2020-11-18
modified: 2024-11-11
canonical_id: story-layouts-renewal-202011
locale_slug: story-layouts-renewal-202011
author: "esbasicmath"
category:
  - blog
  - product-updates
summary: "2020年11月のアップデートにより、InstagramストーリーをWEBサイトに埋め込む際にご活用いただける「ストーリー機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。"
draft: false
seo:
  title: "【ストーリー機能】ウィジェットのレイアウトが刷新されました！"
  description: "2020年11月のアップデートにより、InstagramストーリーをWEBサイトに埋め込む際にご活用いただける「ストーリー機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。"
  og_image: "https://embedsocial.jp/hp/wp-content/uploads/2020/11/story-renewal4.png"
  og_image_width: 2240
  og_image_height: 1260
  structured_data: article
---

2020年11月のアップデートにより、InstagramストーリーをWEBサイトに埋め込む際にご活用いただける「ストーリー機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。

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

## 目次

1.  [【定番】Slider レイアウト](#anchor1)
2.  [【コンパクトでスマホ向け】Highlight レイアウト](#anchor2)
3.  [【スワイプで連続表示】Swiper レイアウト](#anchor3)
4.  [【ギャラリーに最適】カルーセル レイアウト](#anchor4)

## Slider レイアウト

定番のSliderレイアウトは全体的に丸みのあるレイアウトとなり、カジュアルなWEBサイトなどにも幅広く導入いただけるレイアウトとなりました。こちらのレイアウトでは、最新のストーリーまたは指定した日付のストーリーが表示されます。

## Highlight レイアウト

コンパクトでスマホユーザーへのアプローチに最適なHighlight レイアウトは、よりInstagramストーリーの表示形式に近いレイアウトとなりました。少ないスペースに配置しつつも、クリックで全画面表示させることができるため、Instagramストーリーを使用したお知らせ・最新情報の掲出などにご活用いただけます。

## Swiper レイアウト

Swiperレイアウトでは、複数のInstagramストーリーをスワイプによって簡単に表示させることできます。PC画面での表示にあたっては、本のようにめくる形で次のストーリーを表示できます。

EmbedSocialでは、システムに収集したストーリーを自由に組み合わせてウィジェットを作成することができるため、Instagramストーリーに投稿した商品をカテゴリーごとに紹介したい場合などに最適です。

## カルーセル レイアウト

カルーセルレイアウトでは、複数のストーリーを一つの画面で常に表示させておくことができます。スマホ・PC両方での表示に最適化された、ギャラリーとしてご活用いただくことができます。

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

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