「What’s new」は、私たちのEmbedSocialプロダクトに加わった最新機能です。仕組みをご紹介する前に、まずはいくつか質問させてください。
会社のニュースや新製品、キャンペーン情報を、すべてソーシャルメディアで発信していますか？
そして、それと同じお知らせを、Webサイトのブログやニュースのコーナーにも改めて投稿していますか？
どちらの質問にも「はい！」と答える方が多いのではないでしょうか。
でも、同じ更新を2つの場所に二度手間で投稿し続けるのは、あまり合理的とは言えません。
私たち自身も同じ課題を抱えていました。新しい製品機能をソーシャルメディアで発表しつつ、それと同時に同じお知らせを魅力的な形でWebサイトにも同期できないものか、と考えたのです。
そこで本日、私たちのソーシャルメディアアグリゲーターEmbedSocialのフィードテンプレート一覧に加わる新機能として、「What’s newウィジェット」をご紹介できることを嬉しく思います。
「What’s new」ウィジェットとは？
簡単に言うと、こういうものです。
「What’s new」ウィジェットは、ソーシャルメディアと同期し、Webサイト上に同じお知らせを自動表示する新しい通知ウィジェットです。
さらに、手動でのお知らせ投稿も可能で、Webサイトだけに公開したい投稿をカスタマイズすることもできます。
つまり一言でいえば、Facebook、Instagram、X、YouTubeでお知らせとして投稿したものが、すべて「What’s new」というニュースフィード型のウィジェットに同期されるようになるのです。
下の例をご覧ください。
「What’s new」ウィジェットの主なメリット
このウィジェットがもたらす主な、そして明確なメリットは以下の通りです。
- ソーシャルメディア投稿のリーチを拡大できる
- クリック数を増やし、ソーシャルメディア投稿への流入を増やせる
- Webサイト上で、自動的かつ手間なくお知らせを発信できる
- 投稿のモデレーションが簡単で、ピン留めや優先表示も自在にコントロールできる
- すでにFacebookページで公開した投稿を再活用できるなど、ソーシャルメディア投稿の使い回しで時間を節約できる
- カスタムCSSを使えば、ウィジェットをWebサイトのデザインに完全になじませられる
- ウィジェットコードの埋め込みにコーディングスキルは不要
仕組みと使い方
シンプルなユーザーの流れは、次のようになります。
- Webサイト訪問者がウィジェットを目にする
- クリックすると、固定されたフィードのポップオーバーがスライド型のレイアウトで表示される
- ユーザーはスクロールして閲覧し、クリックして詳細を確認できる
**ご注意：**EmbedSocialは、当社がサポートするあらゆるソーシャルメディアソースからウィジェットのコンテンツを同期できます。また、ウィジェットにひもづけられるカスタム投稿を作成することも可能です。
「What’s new」ウィジェットでできること
- 新機能や新製品、キャンペーン、社内のあらゆる最新情報について、カスタム投稿でお知らせを発信する
- ソーシャルメディアですでに共有済みの通知を表示し、時間を節約する
- 特定のウィジェット用にカスタム投稿を作成する
- リンク上でウィジェットをトリガーする
- 複数のWebページ向けに複数のウィジェットを作成する
上記に加えて、皆さんがこのウィジェットをどのように活用されるのかをぜひ拝見したいですし、可能であればその活用事例を私たちにも共有していただけると嬉しいです。
セットアップとウィジェットのWebサイトへの表示
このウィジェットは、すべてのEmbedSocialユーザーがすでにご利用いただけます。
ユーザーの方は、以下の手順に従うだけで「What’s new」ウィジェットを作成できます。
- **ウィジェットへ移動し、「Create new」**をクリックします（またはレイアウトを編集したい既存のウィジェットをクリックします）
- 設定パネルでLayoutsをクリックし、「What’s new」を選択します
- 「Save」をクリックして変更を反映します
- 表示されたコードをコピーして、Webサイトのbodyセクションに貼り付けます
コードを埋め込むと、ウィジェットは画面の左下または右下に表示されます（位置は選択できます）。
ボーナス：リンクのアンカーテキストなど、任意のトリガーオブジェクトでウィジェットを表示する
この設定を行うには、以下の手順をご確認ください。
- ウィジェットエディターで、左側の「Layout and Design」設定へ移動します
- 「Customer Trigger」オプションを選択します
- Triggerのセレクターに、そのトリガーの識別子を入力します
- 「Save」をクリックし、コードをコピーしてWebサイトのbodyセクションに貼り付けます
- ウィジェットを表示させるには、オブジェクトにIDを追加するだけです。たとえばトリガーオブジェクトがリンクの場合、以下のように記述できます。
<a id="whatsnew" class="preview-vertical-widget" style="display: block;">Click here to preview</a>そして、こちらがこのリンクのデモです。クリックすると通知ウィジェットが開きます。
Click here for trigger
(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/htp.js”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialHashtagPopupScript”));
この方法は、Webサイトのフッターセクション用に「What’s new」メニューやリンクを作成するのに最適です。
新規ユーザーの方は、ぜひ無料トライアルを開始し、上記の手順をお試しください。
お任せします
この新機能を気に入っていただけたら嬉しいです。ご質問やご意見がありましたら、お気軽にお問い合わせください。
