このセクションでは次のトピックについて説明します。
組み込み手順
Google では、販売者のサイトで行われた注文に含まれる商品について、GTIN(国際取引商品番号)を収集する必要があります。そのためには、サイトの Google カスタマー レビュー オプトイン モジュールの JavaScript スニペットに数行のコードを追加していただく必要があります。
注: 古い認定ショップ オプトイン モジュールを使用している場合は、新しい Google カスタマー レビュー オプトイン モジュールに更新して商品レビューを収集する必要があります。どちらのモジュールを使用しているのかを確認する方法については、「サイトで認定ショップのオプトイン スニペットを使用しているかどうかを確認する」をご覧ください。
Google カスタマー レビューのオプトイン スニペットに「products」行があることを確認する
初めて実装する場合は、任意の「products」行を必ず含めてください。すでに実装済みの場合は、サイトのソースコードで Google カスタマー レビューのオプトイン スニペットを探します。以下に示す「// 省略可能な項目」セクションまたは「// 省略可」セクションで、コードに「products」行が含まれていることを確認してください。含まれていない場合は、次のように追加する必要があります。
<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": 117246064,
"order_id": "ORDER_ID",
"email": "CUSTOMER_EMAIL",
"delivery_country": "COUNTRY_CODE",
"estimated_delivery_date": "YYYY-MM-DD",
// 省略可能な項目
"products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}]
});
});
}
</script>
Google カスタマー レビューのオプトイン スニペットで GTIN を渡す
// 省略可
"opt_in_style": "OPT_IN_STYLE",
"products": [{"gtin":"GTIN1"}]
上記の行では、購入者が注文した商品を「products」配列内の JSON「gtin」オブジェクトの配列として指定します。この行には「gtin」オブジェクトが 1 つしかないため、注文に含まれる商品の数に関係なく、Google カスタマー レビューでは注文に対して GTIN を 1 つ収集します。注文に含まれる各商品の GTIN を収集するには、商品ごとに「products」配列に「gtin」オブジェクトを動的に追加するコードをサイトに追加する必要があります。
たとえば、2 つの異なる商品を含む注文には、次のようなスニペットが必要です。
// 省略可
"opt_in_style": "OPT_IN_STYLE",
"products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}]
3 つの異なる商品を含む注文には、次のようなスニペットが必要です。
// 省略可
"opt_in_style": "OPT_IN_STYLE",
"products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}, {"gtin":"GTIN3"}]
サイトに新しいコードを正しく実装すると、サイトでの注文から GTIN の収集が開始され、購入者から商品レビューを集めることができるようになります。
サイトで認定ショップのオプトイン スニペットを使用しているかどうかを確認する
サイトで古い認定ショップのコードを使用している場合、認定ショップのオプトイン モジュール コードとバッジコードの両方をサイトから削除し、Google カスタマー レビューの実装ガイドに記載された手順に沿って、新しいオプトイン モジュール スニペット(および必要に応じて新しいバッジ スニペット)をサイトに追加してください。
古い認定ショップ オプトイン モジュール コード スニペットを使用している場合、サイトで次のコードを確認できます。
<!-- START Google Trusted Stores Order -->
<div id="gts-order" style="display:none;" translate="no">
<!-- start order and merchant information -->
<span id="gts-o-id">販売者の注文 ID</span>
<span id="gts-o-email">購入者のメールアドレス</span>>
<span id="gts-o-country">購入者の国</span>
<span id="gts-o-currency">通貨</span>
<span id="gts-o-total">注文合計額</span>
<span id="gts-o-discounts">注文の割引</span>
<span id="gts-o-shipping-total">注文の送料</span>
<span id="gts-o-tax-total">注文の税額</span>
<span id="gts-o-est-ship-date">注文の発送予定日</span>
<span id="gts-o-est-delivery-date">注文の配送予定日</span>
<span id="gts-o-has-preorder">取り寄せ、予約</span>
<span id="gts-o-has-digital">デジタル商品</span>
<!-- end order and merchant information -->
<!-- start repeated item specific information -->
<!-- item example: this area repeated for each item in the order -->
<span class="gts-item">
<span class="gts-i-name">商品アイテム名</span>
<span class="gts-i-price">商品アイテム価格</span>
<span class="gts-i-quantity">商品アイテムの数量</span>
<span class="gts-i-prodsearch-id">商品アイテムの Google ショッピング ID</span>
<span class="gts-i-prodsearch-store-id"商品アイテムの Google ショッピング アカウント ID/span>
</span>
<!-- end item 1 example -->
<!-- end repeated item specific information -->
</div>
<!-- END Google Trusted Stores Order
古い認定ショップ オプトイン モジュール スニペットを使用しているサイトでは、多くの場合、次のような古い認定ショップ バッジ スニペットも使用されています。
<!-- BEGIN: Google Trusted Stores -->
<script type="text/javascript">
var gts = gts || [];
gts.push(["id", "{ID 番号}"]);
gts.push(["badge_position", "{位置}"]);
gts.push(["locale", "ページの言語"]);
gts.push(["google_base_offer_id", "商品アイテムの Google ショッピング ID"]);
gts.push(["google_base_subaccount_id", "商品アイテムの Google ショッピング アカウント ID"]);
(function() {
var gts = document.createElement("script");
gts.type = "text/javascript";
gts.async = true;
gts.src = "https://www.googlecommerce.com/trustedstores/api/js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(gts, s);
})();
</script>
<!-- END: Google Trusted Stores -->