Google カスタマー レビューのバッジコードのトラブルシューティング

この記事では、Google カスタマー レビューのバッジコードを実装する際に発生する可能性のある一般的なエラーについて説明します。

バッジが表示されないなど、表示に関する問題

バッジには次のいずれかの形式を指定できます。

  • フローティング: バッジをページの右下または左下に表示する。
  • インライン: バッジをスニペットの挿入位置に表示する。
  • ショップの評価と一緒に表示: バッジに星評価を含める(該当する場合)。
  • ショップの評価なし: バッジに星評価を含めない。

ページにバッジが表示されない場合は、次のような原因で問題が発生していないか確認してください。

問題 診断
モバイル デバイスでページにアクセスしている Google カスタマー レビューのバッジは、スマートフォンやタブレットには表示されません。
HTML ソースにバッジと言語コードが追加されていない ブラウザで HTML ソースを表示し、ページ上にバッジコード ブロックが 1 つだけ表示されることを確認します。
バッジが画面からはみ出しているか、他の要素によってブロックされている バッジはおそらく視認可能領域外に表示されています。ページの周りを垂直方向や水平方向にスクロールして、バッジを確認してください。
バッジテキストが、言語設定に関係なく常に英語で表示され、星評価がグレー表示される 評価を表示するためのしきい値に達していない場合はこのように表示されます。しきい値は、特定の国でのショップ レビュー 100 件以上です。
ショップの評価が表示される列と表示されない列がある バッジは、ある国におけるショップの評価を表示します。

ページで JavaScript エラーが発生する

次の表に、JavaScript でよく発生する問題とその原因を示します。

問題 診断
販売者 ID が挿入されていない、または無効

バッジコードを挿入する際は、販売者 ID(merchant_id)が必要となります。バッジの JavaScript ブロック内で、render() 関数を呼び出すコードにこの値を設定する必要があります。販売者 ID は Google Merchant Center から取得できます。

DOCTYPE が HTML 5 でない

スニペットを使用するすべてのページは、HTML5 DOCTYPE を使用している必要があります。

<!DOCTYPE html>

position が無効

オプションの position パラメータの値には、次のいずれかの文字列を指定する必要があります。

  • 「BOTTOM_LEFT」
  • 「BOTTOM_RIGHT」
  • 「INLINE」

lang が無効

言語ブロック内の lang パラメータの値は、上記の値のいずれかである必要があります。この値の文字列は引用符で囲む必要があります。言語を指定しないと、ユーザーのブラウザの言語設定が使用されます。
ブラウザがサポートされていない HTML 5 をサポートしているブラウザを使用する必要があります。ブラウザを最新バージョンに更新します。
この情報は役に立ちましたか?
改善できる点がありましたらお聞かせください。