アンケートのオプトイン モジュールを設置すると、お客様が Google カスタマー レビューに参加するかどうかを選択できるようになり、同意した場合は Google に必要な取引情報が送信されます。Google カスタマー レビューに参加するためには、このモジュールをすべての注文確認ページに設置する必要があります。アンケートのオプトイン モジュールを組み込む際に問題が生じた場合は、トラブルシューティングをお試しください。
このセクションでは次のトピックについて説明します。
ユーザーがオプトインを選択すると、注文の予定配達日後に Google からアンケートが送信されます。詳しくは、Google カスタマー レビュー アンケートについての記事をご覧ください。
アンケートのオプトインは、パソコンとモバイルの両方に表示できます。必ずパソコンサイトとモバイルサイトの両方にオプトイン コード スニペットを追加してください。
組み込み手順
注文確認ページにアンケートのオプトイン モジュールを設置するには次のタスクを行う必要があります。
アンケートのオプトイン モジュールのコードは、購入手続きのフローで表示される注文確認ページに設置します。すべての確認ページでは HTTPS を使用する必要があります(HTTP は不可)。
このモジュールによって Google カスタマー レビュー(GCR)のカスタマー アンケート オプトインが表示されるため、このモジュール内の注文の詳細はできる限り正確に表示する必要があります。
ご購入手続きにサードパーティの処理システムを使用している場合は、お使いのドメイン上の確認ページにリダイレクトし直す必要があります。
Google カスタマー レビューの顧客アンケートのオプトイン モジュールが注文確認ページの他のコンテンツで隠れないようにしてください。
DOCTYPE の更新
確認ページには、HTML5 DOCTYPE を使用する必要があります。
<!DOCTYPE html>
この DOCTYPE は、ページ上の HTML コード内の最初の行に表示される必要があります。HTML5 DOCTYPE を使用することで、ウェブブラウザでのページのレンダリングが互換モードではなく標準モードで行われるようになります。後方互換モードは、一部のウェブブラウザで使われている技術で、標準モードの W3C と IETF 標準に厳密に準拠することなく、古いバージョンのブラウザ向けに設計されたウェブページとの下位互換性が維持されます。
オプトイン コードの追加
商品を購入した際の利便性についてお客様がレビューを送信できるようにするには、注文確認ページにオプトイン モジュールを追加します。
アンケートのオプトイン モジュールを注文確認ページに追加するには:
1. 次の HTML スニペットを注文確認ページに追加します。
<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
async defer>
</script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
// REQUIRED
"merchant_id": "
MERCHANT_ID",
"order_id": "
ORDER_ID",
"email": "
CUSTOMER_EMAIL",
"delivery_country": "
COUNTRY_CODE",
"estimated_delivery_date": "
YYYY-MM-DD",
// OPTIONAL
"products":[{"gtin":"
GTIN1}, {"gtin":"
GTIN2">}],
"opt_in_style": "
OPT_IN_STYLE"
});
});
}
</script>
<!-- END GCR Opt-in Module Code -->
上記のコードを終了タグ(</BODY>)の直前に挿入します。アンケート モジュールのコードをバッジコードと一緒に挿入する場合、順序は問いません。アンケート モジュールのコードは、バッジコードの前でも後ろでも構いません。
2. 変数をサイト固有の動的な値に置き換えます。次の表は、利用可能な設定について説明しています。
変数 |
必須かどうか |
説明 |
MERCHANT_ID (販売者 ID) |
必須 |
Merchant Center ID。この値は Google Merchant Center で入手できます。 |
ORDER_ID (注文 ID) |
必須 |
注文の一意の ID。 |
CUSTOMER_EMAIL (購入者のメール) |
必須 |
お客様のメールアドレス(name@domain.com の形式)。 |
COUNTRY_CODE (国コード) |
必須 |
国コード(2 文字)。お客様が注文した商品の配送先を表しています。この値は、ISO 3166-1 alpha-2 形式である必要がありますこのフィールドには「ZZ」を使用しないでください(例: US)。 |
ESTIMATED_DELIVERY_DATE (配送予定日) |
必須 |
注文の配送予定日。YYYY は西暦、MM は月、DD は日付を指します(例: "2016-09-13")。 |
GTIN1、GTIN2 (GTIN: 国際取引商品番号) |
省略可 |
GTIN 値(数字)。 |
OPT_IN_STYLE (オプトインの形式) |
省略可 |
オプトイン モジュールのダイアログ ボックスを表示する形式を指定します。指定できる値は次のとおりです。 「CENTER_DIALOG」: ページ中央のダイアログ ボックスに表示されます。 「BOTTOM_RIGHT_DIALOG」: ページ下部右側のダイアログ ボックスに表示されます。 「BOTTOM_LEFT_DIALOG」: ページ下部左側のダイアログ ボックスに表示されます。 「TOP_RIGHT_DIALOG」: ページ上部右側のダイアログ ボックスに表示されます。 「TOP_LEFT_DIALOG」: ページ上部左側のダイアログ ボックスに表示されます。 「BOTTOM_TRAY」: ページ下部に表示されます。 デフォルト値は「CENTER_DIALOG」です。 |
必要であれば、次のコード スニペットをウェブページに貼り付け、オプトイン モジュールで使用する言語を指定します。lang
パラメータの値を指定しなかった場合は、ユーザーのブラウザ設定に基づいて自動的に選択された言語がバッジで使用されます。
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: '
LANGUAGE'
};
</script>
<!-- END GCR Language Code -->
コピーしたコードをページの終了タグ(</BODY>)の直前に挿入します。オプトイン コードも挿入する場合、順番はどちらが先であっても構いません
lang
パラメータの値「LANGUAGE」を、サポートされている次のいずれかの言語の値と置き換えます。
コード |
言語名 |
af |
アフリカーンス語 |
ar |
アラビア語 |
cs |
チェコ語 |
da |
デンマーク語 |
de |
ドイツ語 |
en |
英語 |
en-AU |
英語 (オーストラリア) |
en-GB |
英語(イギリス) |
en-US |
英語 (アメリカ) |
es |
スペイン語 |
es-419 |
スペイン語(ラテンアメリカ) |
fil |
フィリピン語 |
fr |
フランス語 |
ga |
アイルランド語 |
id |
インドネシア語 |
it |
イタリア語 |
ja |
日本語 |
ms |
マレー語 |
nl |
オランダ語 |
no |
ノルウェー語 |
pl |
ポーランド語 |
pt-BR |
ポルトガル語 (ブラジル) |
pt-PT |
ポルトガル語 |
ru |
ロシア語 |
sv |
スウェーデン語 |
tr |
トルコ語 |
zh-CN |
中国語 (簡体) |
zh-TW |
中国語 (繁体) |
アンケートのオプトイン コードサンプル
変数値は通常、注文確認ページでサーバーサイド コードと置き換えられます。次のサンプルは、PHP でオプトイン モジュール コードを挿入する方法を示しています。
<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
async defer>
</script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
"merchant_id": 42,
"order_id": "<?php echo $order_id ?>",
"email": "<?php echo $email_address ?>",
"delivery_country": "<?php echo $user_country ?>",
"estimated_delivery_date": "<?php echo $delivery_date ?>",
"products": [{"gtin":"<?php echo $gtin_1 ?>"}, {"gtin":"<?php echo $gtin_2 ?>"}],
"opt_in_style": "BOTTOM_LEFT_DIALOG"
});
});
}
</script>
<!-- END GCR Opt-in Module Code -->
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'en_US'
};
</script>
<!-- END GCR Language Code -->
ページにオプトイン モジュールが表示されない場合、またはページの読み込み時にエラーが表示される場合は、トラブルシューティングをお試しください。