以下「スクリプトタグ」「マーカータグ」の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>