Shopifyの閲覧履歴（最近見た商品）を実装するアプリ6選

Shopify の閲覧履歴（最近見た商品）とは

閲覧履歴（最近見た商品）とは、ストアに訪れたユーザーが 「直前に閲覧した商品をすぐに再確認できる」 ようにするための機能です。アパレルや雑貨、コスメなど、複数商品を比較して購入するケースが多いジャンルでは特に重宝されます。ユーザーがサイト上で商品を見比べやすくなるので、回遊率の向上やリピート閲覧につながり、ひいては CVR（コンバージョン率）の改善 に役立ちます。

最近では多くの EC サイトが標準機能として取り入れていますが、Shopify ストアでもアプリを導入するだけで手軽に実装できます。

Shopify の閲覧履歴（最近見た商品）を導入する利点

1. ユーザーエクスペリエンスの向上

ユーザーが**「あの商品どこだっけ？」**と探し回る手間がなくなります。一度閲覧した商品をサムネイルですぐに確認できるため、スムーズなショッピング体験を提供します。

2. 回遊率・滞在時間の増加

最近見た商品が表示されることで、ユーザーが再度商品ページを閲覧する可能性が高まります。サイトを離脱する前にもう一度商品に目が向かうため、回遊率・滞在時間の向上が期待できます。

3. リピート購入促進

ユーザーはセールや給料日など、購入タイミングをずらすことも多いものです。閲覧履歴を表示することで、過去に見た商品を思い出しやすくなり、**「やっぱり買おうかな」**と再検討するきっかけになります。

4. 離脱率の低減

ユーザーは複数商品を比較したい場合、一度にいくつものタブを開くより、「最近見た商品」のセクションから次々と見直すことを好みます。その結果、他ページへスムーズに移動でき、離脱率が低くなります。

5. マーケティング活用

閲覧履歴データを活用し、パーソナライズドした商品レコメンデーションや広告の配信が可能となります。ユーザーの関心度が高い商品を把握し、セール情報をアプローチするなど、より効果的な施策を実行できます。

閲覧履歴（最近見た商品）アプリの選び方

Shopify ストアに「閲覧履歴（最近見た商品）」を導入する場合、以下のポイントを確認してアプリを選ぶと良いでしょう。

• 表示場所のカスタマイズ: トップページ、商品ページ、カートページなど、どこに表示したいか。
• UI の柔軟性: レイアウトやデザインをストアブランディングに合わせやすいか。
• インストール・設定の容易さ: ワンクリックやノーコードで導入できるか。
• 日本語対応: 管理画面が日本語か、日本語サポートがあるか。
• 価格設定: 月額費用、無料体験期間、機能の範囲をチェックする。
• レビュー・評価: 実際に使っている店舗の評価や開発者サポートの対応状況。

おすすめの閲覧履歴（最近見た商品）Shopify アプリ

ここからは、Shopify App Store 上で提供されている「閲覧履歴（最近見た商品）アプリ」6 つをご紹介します。いずれも日本語または英語で利用ができ、テーマへの組み込みも比較的簡単に行えます。

1. シンプル商品閲覧履歴アプリ｜お手軽最近見た商品

【料金】
月額 2.89 ドル（7 日間の無料体験あり）

【特徴・機能】

• ストアのあらゆるページに閲覧履歴を表示可能
• ノーコードで見た目をカスタマイズできる
• 1 クリックでテーマに追加できる
• 商品を再確認するユーザーの動線を短縮し、売上アップに寄与
• 最新テーマにも対応

初心者でも使いやすいように作られており、管理画面での設定が直感的です。アパレルや雑貨などの回遊率が重要なストアでは特に効果が期待できます。シンプルかつ低コストなので、まずは試してみたいという方にもおすすめです。

以下のShopify公式のアプリストアからインストールできます。

シンプル商品閲覧履歴アプリ｜お手軽最近見た商品

2. Oc Recently Viewed Product

【料金】
月額 0.99 ドル（5 日間の無料体験あり）

【特徴・機能】

• 閲覧履歴を表示し、買い忘れ・探し直しを防止
• 最小・最大表示件数をデバイス（モバイル、タブレット、デスクトップ）別に設定可能
• ウィジェットの見た目も管理画面でカスタマイズしやすい
• オリジナルのテキスト表記やアイコン変更によりブランドイメージを壊さない

英語版のみですが、管理画面で各項目を設定していくだけなので、慣れてしまえば操作は難しくありません。コストを抑えつつ、必要十分な「最近見た商品」機能を導入したい方に最適です。

3. Sami Product Labels & Badges

【料金】
無料

【特徴・機能】

• もともとは商品画像にバッジやラベルを付与するアプリ
• 「SALE」「NEW」「在庫少」などの視覚的アイコンを表示
• すべての Shopify テーマと互換性
• マルチ言語にも対応

「閲覧履歴」機能がメインではないものの、商品バッジを通じて閲覧履歴の商品に目立つアイコンを付けるなど、工夫次第で「最近見た商品」の存在感を強調できます。セール商品の回遊をアップさせたい場合にも便利です。

4. TrustShop‑ Product Reviews

【料金】
無料プランあり（有料プランも複数用意）

【特徴・機能】

• 商品レビューを管理しつつ回遊率を高められる機能が充実
• マイページや商品ページで評価・レビューを表示可能
• クーポン発行やキャンペーンとの連携でリピート促進
• 自動メール送信で閲覧履歴を思い出させるマーケティング施策も応用可能

本来はレビューアプリですが、回遊やリピートの促進を目的とした機能が多いため、閲覧履歴機能との組み合わせでさらなる売上増を狙えます。マーチャントのクリエイティブな運用次第では「最近見た商品 × レビュー表示」をうまく絡めた施策も可能です。

5. MLV Recently Viewed Products

【料金】
月額 9.95 ドル（15 日間の無料体験あり）

【特徴・機能】

• 自動的に最近見た商品をすべてのページ（トップ、コレクション、商品、カートページなど）に表示
• 最大 10 商品まで表示可能
• テーマへの組み込みが容易で、デザインのカスタマイズも対応
• 「もう一度見たかったあの商品」を素早く呼び出せるため、ユーザー体験を向上

他のアプリと比較してやや高めの価格設定ですが、表示ページを柔軟に選択できるのが特長です。カート下など購入直前のタイミングで「この商品も見たよね」と思い出させる効果は絶大です。

6. GLO Related Products, Upsell

【料金】
無料プランあり（有料プランは月額 9.90 ドル）

【特徴・機能】

• 関連商品・アップセルに特化したアプリ
• 「よく一緒に購入される商品」「新着・人気」などのレコメンド機能を搭載
• 「最近見た商品」ウィジェットも含まれている
• カート画面やチェックアウト直前にもレコメンドを表示して客単価アップ

「最近見た商品」だけでなく、クロスセル・アップセル機能までまとめて取り入れたいなら一石二鳥。デザインの柔軟性も高いので、Shopify ストアの収益アップを総合的に考える方におすすめです。

価格比較

以下に、各アプリの主な月額料金をテキスト形式でまとめました。

1. シンプル商品閲覧履歴アプリ｜お手軽最近見た商品

   • 月額 2.89 ドル（7 日間無料体験あり）

2. Oc Recently Viewed Product

   • 月額 0.99 ドル（5 日間無料体験あり）

3. Sami Product Labels & Badges

   • 無料プランあり

4. TrustShop‑ Product Reviews

   • 無料プランあり（有料は 9.90 ドル〜 / 月）

5. MLV Recently Viewed Products

   • 月額 9.95 ドル（15 日間無料体験あり）

6. GLO Related Products, Upsell

   • 無料プランあり（有料は 9.90 ドル〜 / 月）

Shopify アプリの日本語サポート

各アプリが日本語サポートを提供しているかどうかも、導入のしやすさに直結します。サポートが英語のみの場合でも、操作がシンプルであれば特に問題なく導入できるケースも多いですが、不明点をすぐ問い合わせたい場合などは日本語対応があると安心です。

1. シンプル商品閲覧履歴アプリ｜お手軽最近見た商品

   • 日本語と英語に対応

2. Oc Recently Viewed Product

   • 英語のみ

3. Sami Product Labels & Badges

   • マルチ言語対応（日本語を含む）

4. TrustShop‑ Product Reviews

   • 英語、ベトナム語、中国語（簡/繁体字）、フランス語、イタリア語、ポルトガル語（ブラジル）、日本語など

5. MLV Recently Viewed Products

   • 英語のみ

6. GLO Related Products, Upsell

   • 英語、フランス語、ドイツ語、日本語対応

Shopify における閲覧履歴（最近見た商品）の実装例

ここでは、Liquid + JavaScript を用いた簡単な実装例をご紹介します。アプリを使わずにカスタマイズしたい場合や、アプリ側のコードを調整したい場合の参考にしてみてください。

下記の例では、localStorage を利用して「最近見た商品」の情報を保存し、ストアの任意の場所に一覧を表示するイメージとなります。

{% comment %}
以下のコードは、商品ページ (product.liquid) の中で
閲覧した商品のハンドル(handle)をブラウザの localStorage に保存する例です。
{% endcomment %}

<script>
  // ページ読み込み時に実行
  document.addEventListener('DOMContentLoaded', function() {
    // 商品ハンドルを取得 (例: window.product.handle による取得)
    var currentProductHandle = "{{ product.handle }}";

    // 既に保存されているデータを取得
    var recentViews = JSON.parse(localStorage.getItem('recently_viewed')) || [];

    // 重複を避けるため、存在している場合は一度削除
    var index = recentViews.indexOf(currentProductHandle);
    if (index !== -1) {
      recentViews.splice(index, 1);
    }

    // 新しい商品を先頭に追加
    recentViews.unshift(currentProductHandle);

    // 最近見た商品を最大 5 件に制限 (必要に応じて変更)
    recentViews = recentViews.slice(0, 5);

    // localStorage に保存
    localStorage.setItem('recently_viewed', JSON.stringify(recentViews));
  });
</script>

{% comment %}
以下は、トップページやフッターなど任意の場所に配置し、
「最近見た商品」を一覧表示するための一例です。
{% endcomment %}

{% assign recent_list = '' %}
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var recentViews = JSON.parse(localStorage.getItem('recently_viewed')) || [];
    // ここでは Liquid の出力を動的に生成するイメージなので、
    // 実際は Ajax リクエストや product オブジェクトを取得し、
    // HTML 要素を生成して表示する方法が考えられます。

    // 例として、リストのハンドルだけを console.log で確認
    console.log('Recently Viewed:', recentViews);

    // 何らかの方法で .recently-viewed-products 要素に商品リンクを表示するなど
    // ここでは擬似的に商品ハンドルを列挙してみます
    var container = document.querySelector('.recently-viewed-products');
    if(container) {
      container.innerHTML = '';
      recentViews.forEach(function(handle) {
        var item = document.createElement('div');
        item.innerHTML = '<a href="/products/' + handle + '">/products/' + handle + '</a>';
        container.appendChild(item);
      });
    }
  });
</script>

<div class="recently-viewed-products">
  <!-- ここに最近見た商品のリンクや画像が動的に挿入されます -->
</div>

ポイント

• ユーザーのブラウザで保持できるデータサイズに制限があります。大量の商品を追跡する場合は注意。
• セキュリティ上の観点から、あくまで閲覧のみの情報とし、個人情報と紐づけないようにしましょう。
• 本格的な機能拡張や UI カスタマイズをしたい場合は、アプリ導入や開発パートナーへの依頼がおすすめです。

使いやすさ

今回ご紹介したアプリの中でも、以下に該当するものは特に導入のハードルが低いといえます。

• シンプル商品閲覧履歴アプリ｜お手軽最近見た商品
  → 名前のとおり管理画面もシンプルで低価格。日本語対応もあり、すぐに試せます。

• Oc Recently Viewed Product
  → 月額 0.99 ドルから使えるリーズナブルさが魅力。英語のみですが設定項目は比較的少なめ。

• GLO Related Products, Upsell
  → 一緒に「おすすめ商品」「アップセル機能」もカバーしたいなら最有力候補。日本語にも対応。

また、既に Sami Product Labels & Badges や TrustShop - Product Reviews などの機能を使っているストアであれば、それらを拡張的に活用して「最近見た商品」をより効果的にアピールする運用も考えられます。

終わりに

今回は、「Shopify の閲覧履歴（最近見た商品）を実装できるアプリ 6 選」をご紹介しました。

• ユーザーの購買意欲や回遊性を高めたい
• 「あの商品をもう一度見たい」というニーズに素早く応えたい
• 出来るだけノーコードかつリーズナブルに導入したい

上記のような Shopify ストア運営者の方は、ぜひ今回ご紹介したアプリを検討してみてください。実装を通じて、顧客体験をより良いものにし、売上アップにつなげることが期待できます。