お客様の声レビューを自社HPに追加する簡単な方法【更新ラク】

お客様レビューをスプレッドシートで管理

Amazon、Yahooショッピング、楽天、Googleマイビジネス、BASE、STORESとか色んなモールにお客様の声があるけど、それを自社HPにも貼り付けたいな。なんか簡単な方法ないかな。

そんな疑問にお答えします。

本記事の内容
  • お客様の声(レビュー)をGoogleスプレッドシートを利用して管理する方法がわかる
  • 管理したものがHPに即反映されるコードがわかる

サイト運営をしていると、各楽天・Amazon・YahooショッピングのモールやGoogleマイビジネスや食べログのプラットフォームに、レビューが溜まっていくことがありますよね。また自社サイトには、意外と書くことがなくなってくるのもあります。そんなときは、お客様レビューを自社サイトにどんどん追加していきましょう。

今回の提案は、他のサイトに溜まっているレビューを、自社サイトに移転させていこうということです。

どのような形になるか、早速サンプル見てください。①Googleスプレッドシートにレビューを移動させていきます。
1. Googleスプレッドシートでのレビュー内容管理画面

>>>お客様レビューのスプレッドシートはこちら
上記で登録されている内容は、下記のデザインでサイトに表示されます。
2. サイトでの表示イメージ

楽天で肉のお店を開いている感じです。↓↓↓

お客様レビューをスプレッドシートで管理する仕組み

改めてこうしてサイトへ表示する仕組みを解説します。
①まず、レビューをスプレッドシートに書き写します。
②次に、スプレッドシートを外部から読みだせるAPI化します。
③jQueryを利用して②のAPIを読み出してレビューを表示します。
お客様レビューをスプレッドシートで管理

実際に表示するまでの手順

1. JavaScriptのコードをアップロード
>>>ここからコードダウンロードしてください

2. htmlを投稿
下記のhtmlをコピーして、適当な「~.html」ファイルを作ってください。WordPressの方は、下記のコードをコピーして、新規投稿に貼り付けてレビューでみると表示されるはずです。
※29行目のscript読み出し部分だけ、1でアップしたJavaScriptのURLへ変更してください。

【無料】スプレッドシートのAPI化&カスタマイズのマニュアル進呈中

ここまでの説明で、商品があなたのサイトに表示されたはずです。ただ、これだと私が作ったお客様レビューしか表示することができません。自社用にスプレッドシートを作成して、API化した上で表示したい部分だけにカスタマイズする必要があります。

この一連の作業をマニュアル化しています。無料進呈しているので、下記より申請してください。

この記事に関連する記事