How do I implement the google trusted store snippet integration into the ecommerce quark template? Here is the instructions:
Store integration involves adding two snippets of JavaScript code to your website. This will enable the Google Trusted Stores badge to show up on your website and customers to opt in to purchase protection.
Click “View” to see the instructions for the JavaScript code integration.
Click “Test” to validate the code and values you are passing to Google.
Once you have passed the tests:
Navigate to the home screen of your Trusted Stores account.
Click “Start” to enter the qualification period.
The first snippet is (Add the badge code to every page of your website. By default, the badge will float in the bottom right of the customer’s browser. You can choose to move the badge to appear in a different position specified by you on some or all pages of your website. Fill in the variables in red for your store.)
<!-- BEGIN: Google Trusted Stores -->
<script type="text/javascript">
var gts = gts || [];
gts.push(["id", "714822"]);
gts.push(["badge_position", "BOTTOM_RIGHT"]);
gts.push(["locale", "PAGE_LANGUAGE"]);
gts.push(["google_base_offer_id", "ITEM_GOOGLE_SHOPPING_ID"]);
gts.push(["google_base_subaccount_id", "ITEM_GOOGLE_SHOPPING_ACCOUNT_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 -->
and the second snippet is (This code should be placed on your order confirmation page(s). All confirmation pages must be HTTPS. The order confirmation module code enables your customers to opt in for purchase protection from Google Trusted Stores after their order is complete and transmits the necessary transaction information to 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">MERCHANT_ORDER_ID</span>
<span id="gts-o-email">CUSTOMER_EMAIL</span>
<span id="gts-o-country">CUSTOMER_COUNTRY</span>
<span id="gts-o-currency">CURRENCY</span>
<span id="gts-o-total">ORDER_TOTAL</span>
<span id="gts-o-discounts">ORDER_DISCOUNTS</span>
<span id="gts-o-shipping-total">ORDER_SHIPPING</span>
<span id="gts-o-tax-total">ORDER_TAX</span>
<span id="gts-o-est-ship-date">ORDER_EST_SHIP_DATE</span>
<span id="gts-o-est-delivery-date">ORDER_EST_DELIVERY_DATE</span>
<span id="gts-o-has-preorder">HAS_BACKORDER_PREORDER</span>
<span id="gts-o-has-digital">HAS_DIGITAL_GOODS</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">ITEM_NAME</span>
<span class="gts-i-price">ITEM_PRICE</span>
<span class="gts-i-quantity">ITEM_QUANTITY</span>
<span class="gts-i-prodsearch-id">ITEM_GOOGLE_SHOPPING_ID</span>
<span class="gts-i-prodsearch-store-id">ITEM_GOOGLE_SHOPPING_ACCOUNT_ID</span>
</span>
<!-- end item 1 example -->
<!-- end repeated item specific information -->
</div>
<!-- END Google Trusted Stores Order -->