Instagramは、多くの場面で私たちのインスピレーションの源になっています。
そして、私たちの新機能 Product Tags も、その例外ではありません！
Instagramは、特定の商品がInstagramの投稿・画像・動画の中でどのように使われ、消費されているかを魅力的に見せる方法として、Instagram ShoppingとProduct Tagsを導入しました。ショッピング体験をその場でシームレスに続けられるよう、投稿の一部にタグを付け、直接購入できる機能を追加したのです。
私たちはこれにならい、同じProduct Tagsの仕組みをユーザーのウェブサイト上でも実現し、商品ページへのリンクをタグ付けした「ショップ・マイ・Instagram」ウィジェットを提供する方法を探ってきました。
ウェブサイトにProduct Tagsの機能を組み込むことは、ユーザーからのご要望と、Instagramの類似機能を中心に生まれたトレンドの両方に対する、ごく自然な答えでした。
そこで本日、私たちは Product Tags in Feeds をご紹介できることを嬉しく思います。これは、ユーザー生成写真に実際の商品情報をタグ付けできるeコマース向けの機能で、タグには直接的な行動喚起（CTA）が含まれています。
ソーシャルメディアのfeed内で、Product Tagsがどのように見えるかをご覧ください。
なお、Product Tagsは、当社のソーシャルメディアアグリゲーターをご利用中のすべてのPROユーザーの方には、すでにご利用いただけます。
Product Tagsについて知っておきたいことを、ぜひ最後まで読み進めてください。
EmbedSocialのProduct Tagsとは
私たちは、次のような目的を念頭に置いてProduct Tagsを開発しました。それは、お客様が自社のソーシャルメディア投稿を活用し、ウェブサイト上で直接商品を宣伝し、すぐに売上を伸ばせるようにすることです。
つまりProduct Tagsを使えば、ソーシャルメディアのfeedを、その場でインタラクティブなショップへと変えられるのです。
その結果、ショッピングカートまでの摩擦が減り、必要なクリック数も少なくなります。
買い手があなたの商品を「買う」と決めたとき、彼らは今すぐそれを手に入れたいと思っています。
それでも、いくつかの摩擦ポイントがあると、買い物客はカートを放棄してしまうことがあります（オンラインでも実店舗でも同じです）。チェックアウトまでのクリックが多すぎること、そしてモバイル最適化されていないチェックアウト体験が、その主な摩擦ポイントです。
最近のBaymardのベンチマークによると、消費者の87%が、複雑なチェックアウトプロセスはショッピングカートの放棄につながると回答しています。
さらに、買い物客の84%が、悪い体験をしたブランドで再び買い物をする可能性は低いと答えています。
これこそ、Product Tagsが解決する課題です！
わずか数クリックで、お客様はInstagramのページ、Facebook、Twitter、その他のソーシャルメディアプラットフォームなど、あらゆるソーシャルメディアアカウントから生成された投稿に、商品をオーバーレイのタグとして付けられます。そして、当社のモダンなfeedウィジェットを使って、それをウェブサイトに埋め込めます。
次にユーザーが「ショップ・マイ・Instagram」のようなウィジェットを操作すると、タグが表示され、それをクリックすることで商品の詳細情報や購入リンクを確認できます。
Product Tagsはどのように機能するのか
これまでは、古い投稿や新しい投稿にリンクを追加し、それをクリックするとユーザーがチェックアウトページ、ランディングページ、ブログ記事などへ移動する、という使い方しかできませんでした。
しかし今、私たちは消費者の新たな購買意欲をさらに引き出したいと考えました。商品をタグ付けできるオプションを備えたシンプルな「ショップ・マイ・Instagram」ウィジェットを作ることは、まさに最適な答えに思えたのです。
最近では、より多くのEmbedSocialユーザーからこの機能をご要望いただいたため、私たちはこのショッパブルなウィジェットをEmbedSocialプラットフォームの一部として統合することにしました。
これにより、お客様にはより充実した情報豊富な購入体験を提供できるだけでなく、購入プロセスそのものをはるかにシンプルにできます。
どのように機能するのか、一例をご紹介しましょう。
あなたが女性向けの衣料品を販売するファッションショップだと想像してください。投稿には、おそらくモデルがあなたのブランドの服を着た写真が並んでいるはずです。モデルが何を着ているのかを正確に見せたいとき、Product Tagsが大いに役立ちます。
円形のタグを簡単にドラッグ＆ドロップするだけで、写真のどの部分に商品があるのかを正確に指し示せます。たとえば、帽子、ドレス、靴などにタグを付けられます。
そしてこのタグ付けによって、商品名、画像、価格といった具体的な商品情報を表示できます。
その結果、ショッパブルなInstagram feedが完成します！
わずか数クリックで、操作するとモデルが身につけている商品をそのまま表示する写真を見せられます。
これにより、潜在的な顧客に、興味のある商品の実際の使用シーンを示すことができ、結果として購入の意思決定をより早めることにつながります。
Product Tagsのデザインと開発のプロセスを、少しのぞいてみませんか？
また、小売業者であるあなたが今日から自社のビジネスを加速させるために活用できる、最も一般的なユースケースの数々から、創造力を刺激することもできます。
さっそく見ていきましょう！
Product Tagsのデザインプロセス
優れたデザインは、私たちが実装するあらゆる新機能に欠かせない要素です。EmbedSocialの機能の素晴らしいグラフィックについては、UXデザイナーのAngelaにその「責任」があります。
彼女は、良いデザインとはお客様の声に耳を傾けた証だと深く信じており、これはまさに私たちEmbedSocialが目指していることです。
では、Product Tags機能のデザインを作る際、Angelaのインスピレーションは何だったのでしょうか？
彼女の言葉を借りれば、こうです。
「デザインは自分自身から始まるものではありません（あなたが新しいレオナルド・ダ・ヴィンチでない限り）。私はいつもそのことを心に留めています。まずはデザインの基本から始め、ユーザーにとって馴染みのある流れを作るのです。すでに存在する優れたアプリをリサーチすることも欠かせません。インスピレーションは、毎日使っているような既存の優れたアプリの中に見つかります。でも何より、Product Taggingのデザインアイデアは、機能をテストしてくれたユーザーと、そのフィードバックから生まれました。」
彼女の説明によれば、Product Tagsのデザインプロセスは4つの段階に分かれていました。
- 新機能のためのリサーチ（最初のMVPバージョンのモックアップが生まれたのはこの段階です）
- 管理パネルの作成
- feedウィジェットのフロントエンドデザインへのProduct Tagging機能の実装
- 最初のバージョンを改善するための、継続的なコミュニケーションとフィードバック
かなりの作業量だと思いませんか？
それでは、技術的な視点から見ていきましょう。
Product Tagsの開発プロセス
デザインと開発は、（今回もまた）最高の相棒であることが証明されました。
Angelaがその魔法をかけている間、Product Tagsの開発プロセスの中心にいたのは、若く才能あふれる開発者、Kristijan Jovanovskiです。
彼の視点から、いくつかのインサイトをご紹介します。
「開発プロセスは、UXデザイナーが該当機能（今回の場合はProduct Tagging）のデザインを完成させるところから始まります。
開発者（私）は、その機能の背後にあるアイデアと、何が求められているのかについて、完全な説明を受けます。私たちは、起こりうる技術的な障害について話し合い、そこから開発が始まります。開発フェーズ中にさらなる議論が必要になった場合は、JiraやSlackで行います。開発者がタスクを完了すると、それはステージングサーバーに置かれ、チームによってテストされます。フィードバックがあれば、それについて議論し、開発者が対応します。テスト段階が完了すると、機能がリリースされます。
今回のような大規模な機能では、開発を複数のフェーズに分けます。たとえば、第1フェーズはMVP、第2フェーズではその他の便利な機能を導入する、といった具合です。」
Kikoによれば、技術的な視点で最も大きな課題は、画像上にProduct Tagsを正確に配置することと、ウィンドウサイズが変更されてもタグが正しい位置に留まるようにすることでした。
二人とも素晴らしい仕事をしてくれたことが分かります。新しいProduct Tags機能の管理画面は、見事な仕上がりです！
インスピレーションを得る：Product Tagsの活用例
ホームページや商品ページにProduct Tags付きのショッパブルなウィジェットを追加すると、よりわかりやすく、見た目にも魅力的なカスタマージャーニーを実現できます。
あなたがホームデコレーションのプロのデザイナーでも、ファッションブロガーでも、DIY愛好家でも、レストランのシェフでも、Product Tagsはあなたのビジネスに活用できます。
ここでは、限定コンテンツを表示するためにProduct Tagsの活用を検討できる、いくつかの例をご紹介します。
アパレル商品
コーディネートのまとめや、あなたのブランドの服を着た人々（いわゆる「Buy My Look」）を投稿するために。
コスメ・メイクアップ
あなたの商品をメイクやスキンケアに使った人の顔を見せるために。
フィットネス商品
アクティブなライフスタイルに必要な器具やアイテムを紹介するために。
メニュー紹介・レシピ
食べ物や飲み物のメニュー、主な食材、価格を写真で表示するために。あるいは同様に、そのレシピで実際に使われている商品をタグ付けして、レシピを紹介するために。
Product Tagsを始める
現在、この新機能はEmbedSocialユーザーの方にご利用いただけます。
あなたのウェブサイトでProduct Taggingを試すには、次のステップバイステップのチュートリアルに従ってください。
- EmbedSocialアカウントにログインします
- feedウィジェットを作成する手順を進めます
- ウィジェットの編集ページ内で、「Links」 タブをクリックします
- 各写真／投稿の青い 「Add link」 ボタンをクリックします
- 「Tag Products」 オプションをクリックします
- 写真をクリックして商品をタグ付けします
- 商品の詳細を入力します（ページにSchemaコードがある場合、商品データは自動的に入力されます）
- HTML コードをコピーして、ウェブサイトビルダーに貼り付けます
これで完了です。
各ステップの詳しい手順は、下の動画でご確認ください。
なお、アフィリエイトリンクを作成し、Instagram StoryやInstagramページのスワイプアップリンクとして挿入するのに役立つ、便利なアプリやウェブサイトはたくさんあります。LiketoKnow.it、ShopStyle、RewardStyle、Amazonなどがその一例です。
違いは、それらすべてがあなたのInstagramアカウント内で「ショップ・マイ・Instagram」体験を提供するという点です。Product Tagsはそれを超えるものです。小売業者であるあなた自身のウェブサイト上で、ショッパブルな体験を提供します。
ショッパブルfeedに登録する
「この機能は、すべてのお客様に計り知れない価値をもたらすと、私たちは強く信じています」と、プロジェクトマネージャーのMarijaは語ります。
私たちがショッパブルfeedをローンチしたのは、ユーザーがInstagramのユーザー生成コンテンツを使ってもっと多くを販売できるようにするためです。Product Tagsとリンクは、現在Squareとも統合されています。これにより、ユーザーはSquareから商品を簡単に同期し、Instagramのコンテンツにチェックアウトリンクをタグ付けできるため、お客様はその場で商品を購入できます。
Marija Vlasceva、EmbedSocialのプロジェクトマネージャー
結局のところ、あなたは自社のブランドを競合他社と差別化し、最も魅力的なものにしたいと考えているはずです。ウェブサイトでProduct Tagsを活用することは、それを実現する方法の一つにすぎません。
私たちはこれからも、便利な機能と完璧なソリューションでユーザーの皆さまを支えていきます。どうぞお楽しみに！
