アプリ開発不要。WEBサイトでバーコード検索を実現する。
Amazonのアプリなどでは商品についているJANコード(バーコード)で商品検索ができます。
商品点数の多いサイトやリピート購入のあるサイトでは、この機能は大変便利なのではないかと思います。
とはいえ、アプリを開発すると、iOS用とAndroid用の両方を用意することになるのでコストがかさみます。
また、せっかく よくできたスマートフォン用サイトがあるのに、アプリも作るというのはもったいないですし、バーコード読み取りしたい という理由だけでお客様に「アプリをダウンロードして使ってください」というのではダウンロードしてもらうこともままならないという状況になりそうです。
そこで、WEBサイトにそのままバーコードリーダー機能を実装できるのであれば実装したい!…というケースは多々あると思います。
しかし、今のところなかなかそのような事例が見当たりません。
QRコードを読むサイトは時々あるのですが、JANコードの例はほとんど見ません。
それで、バーコード検索機能をWEBサイトに組み込む方法について、ご紹介したいと思います。
「quaggaJS」で実現
「quaggaJS」というオープンソースのライブラリを利用すると、比較的簡単にバーコード読み取り機能をサイトに組み込むことができます。
https://github.com/serratus/quaggaJS/blob/master/LICENSE
ライセンスは使いやすい「MIT License」です。
シャッターボタンを押さなくても、スマートフォンのカメラに映る映像の中からバーコードを見つけて解析し、読み取ろうとしている範囲をリアルタイムで枠で囲ったり・線を表示したりという事もできます。
あとは、取り込んだバーコードの値(JANコード)を用いて、商品を検索する処理などを追加していけば出来上がりです。
EC-CUBE公式アドバイザーが、ツール選びからサイト制作、マーケティング・セキュリティの領域までアドバイスいたします。ご相談窓口はこちら
実際に組み込んでみての使用感など
実際にバーコード読み取り機能をサイトに組み込んでみると、とても良い感じです。
アプリをインストールせずに、すぐにバーコードで検索できるというのはやはり便利ですし、色違いやサイズ違い等がたくさんあっても、バーコードなら 自分の目の前にある その商品ズバリをすぐに検索できます。
また、関連して行ないたい事も浮かんできます。例えば、以下の様な事です。
- バーコードを読み込んだ際に音を鳴らす
- 13桁ではなく、8桁のバーコードへの対応
- 検索した商品をカートに入れたり、「欲しいもの」リストに追加する
- 取扱っていない商品を検索された場合の対応
これらの機能を組み込んでみて(もしくは、組み込もうとしてみて)得られたノウハウや、読み取り精度を向上させるための調整、テストセンターで最新の端末を借りて動作確認を行なった結果などについては、また機会を見つけて別途お伝えできたらと思っています。
まずは、この便利なライブラリについてご紹介できたらと思い、投稿いたしました。
余談…約10年を振り返って
弊社にて初めてEC-CUBEと連動するiOS用のアプリを作ったのは2010年で iPhone 3GSの時代でしたが、まだガラケー(フィーチャーフォン)対応のほうが重要視されていて スマートフォンアプリは見向きもされませんでした。
その後、とにかくアプリが作りたいという時代がありました。
現状ではOSのバージョンアップのたびにコストがかかるので、費用対効果を見極めて開発するという時代になっているように思えます。
他の記事もご覧ください
-
ネットショップ開業に必要な8つのステップ
オンラインショッピングの比率が高まる中、ネットショップを開業してみようと思う個人事業主・フリーランスの方も多いのではないでしょうか? しかし実際に開業を検討すると、ネットショップの開業手続きは手間がかかりそう ネットショップをオープンするまでに何をする必要があるかわからない そんな不安のある方も多いかと思います。今回の記事ではネットショップ開業の手続き、販売開始までにやるべきことを8つのステップでわかりやすく解説します。これからネットショップを開業するか検討したい、という会社員の方にも参考になれば幸いです。
-
ECサイトの構築ガイド/作り方と手順や費用もご紹介
「これからECサイトを構築することになったが、何から手をつけたらよいかわからない」「ECサイトをリニューアルすることになったが、どのパッケージを使えばベストなのかわからない」「ASPカート、パッケージ、オープンソース、フルスクラッチの違いや特徴がいまいち理解できていない」とお悩みのご担当者は多いのではないでしょうか?この記事ではECサイト制作・構築のステップ、よくある困りごとと対策などを解説していきます。ECサイトをこれから立ち上げる予定の方、リニューアルを検討している方にとって何かひとつでもお役に立てば幸いです。
-
ECサイトのリニューアルを成功させるコツ!手順、タイミング、注意すべき点を解説
ある調査結果では、80%の企業が現在使っているECプラットフォームに不満を感じているようです。そこで今回の記事では、ECサイトをリニューアルするタイミング、リニューアルの手順、注意すべきことや成功のポイントを解説していきます。「これからECサイトをリニューアルしたいが、失敗したくない・回り道をしたくない」と考えている方のヒントになれば幸いです。