以下「スクリプトタグ」「マーカータグ」の2つの基本タグを挿入ください。
商品詳細ページの購入ボタン付近(購入ボタンのすぐ下が主流)に設置するため、以下のコードは商品詳細ページの内容が書かれたファイルに記述してください。
商品詳細ページのヘッダーに以下のAnyGiftタグを挿入してください。
<aside>
💡 <%# this.ProductId %>
はW2の独自タグの要素の一つになっており、商品ページの商品idが、動的に入力されます。
</aside>
<script type="text/javascript">
window.AnyGift = {
productCode: '<%# this.ProductId %>',
storeId: '{ストアID}',
};
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/store.js>"></script>
<script type="text/javascript">
window.AnyGift = {
productCode: '<%# this.ProductId %>',
storeId: 'anygift-test-store-id',
};
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/store.js>"></script>
eギフトUIを表示したい位置に、こちらのMarkerタグを挿入してください。
<body>
<div data-anygift></div>
</body>