--- title: "ポップアップで最新情報を掲載！「What's new」レイアウト" date: 2021-01-21 modified: 2024-12-11 canonical_id: whats-new-layout locale_slug: whats-new-layout author: "esbasicmath" category: - blog - product-updates summary: "EmbedSocialに、また新たにユニークなレイアウトが追加れました！2021年一月のアップデートによって追加された「What's new」では、ポップアップで最新情報を一覧で掲載できるユニークかつ便利なレイアウトです。 目次 「What's new」レイアウトとは？ 「What's new」レイアウトの実装方法 レビュー機能でも同様のことが行なえます！ 「What's…" draft: false seo: title: "ポップアップで最新情報を掲載！「What's new」レイアウト" description: "EmbedSocialに、また新たにユニークなレイアウトが追加れました！2021年一月のアップデートによって追加された「What's new」では、ポップアップで最新情報を一覧で掲載できるユニークかつ便利なレイアウトです。 目次 「What's new」レイアウトとは？ 「What's new」レイアウトの実装方法 レビュー機能でも同様のことが行なえます！ 「What's…" og_image: "https://embedsocial.jp/hp/wp-content/uploads/2021/01/Whats-new_4.png" og_image_width: 2240 og_image_height: 1260 structured_data: article --- EmbedSocialに、また新たにユニークなレイアウトが追加れました！2021年一月のアップデートによって追加された「What's new」では、ポップアップで最新情報を一覧で掲載できるユニークかつ便利なレイアウトです。 ## 目次 1. [「What's new」レイアウトとは？](#anchor1) 2. [「What's new」レイアウトの実装方法](#anchor2) 3. [レビュー機能でも同様のことが行なえます！](#anchor3) ## 「What's new」レイアウトとは？ 「What's new」レイアウトは、EmbedSocialへと収集したInstagramやTwitterなどのSNS投稿をポップアップとして表示させ、クリックしたユーザーにのみ投稿一覧を表示させることができるレイアウトです。 WEBサイトを訪れるユーザーのセグメント（新規・リピーターなど）によって、表示させる情報を切り替えたい場合にとても効果的です。 ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/whats-new3.png) ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/whats-new2.jpg) ### スマートフォンでの表示 スマートフォンから閲覧した際にも同様に、はじめはポップアップの状態でのみ表示し、クリックしたユーザーにのみ全画面でSNSでの最新情報を掲出する形式となっています。 ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/whats-new-sp.png) ## 「What's new」レイアウトの実装方法 「What' new」レイアウトは、通常のレイアウト選択画面から指定することができます。EmbedSocialをご利用中の全てのユーザー様がご利用いただけるレイアウトとなっております。 ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/whats-new4.png) レイアウトの選択後に埋め込み用コードが表示されるため、こちらをサイトのbodyタグ内に埋め込みを行うことで実装することができます。 ＊他のポップアップレイアウトと同様に、「What's new」レイアウトを実装するためにはウィジェット共通の埋め込みコードではなく、レイアウト選択後画面に表示されるコードの埋め込みが必要です。 ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/whats-new6.jpg) ## レビュー機能でも同様のことが行なえます！ 新たに搭載された「What's new」レイアウトは、SNS投稿の連携を行うことが出来るフィード機能で使えるレイアウトとなりますが、レビュー機能においても表示方法を工夫することで同様のレイアウトを実現することが可能です。 ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/whatsnew-review1.jpg) ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/whatsnew-review2.jpg) ### 実装方法 レビュー機能で「What's new」レイアウトを再現するためには、レイアウト選択時に「Popup」を選択し、ウィジェット要素においてソースロゴのリンク先を「右縦リスト」または「左縦リスト」を選択することで実現することができます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/2021-01-21-11.28.45.png) ![](https://embedsocial.jp/hp/wp-content/uploads/2021/01/2021-01-21-11.29.43.png) 新しく追加された「What's new」レイアウトはいかがでしょうか？ EmbedSocialはユーザー様のご要望を反映し、常に新しい機能を追加させていただいております。次回のアップデートもぜひお楽しみに下さいませ！