EC-CUBE へのタグ設置方法

概要

EC-CUBE では、商品ページのテンプレートHTML編集機能を使って AnyGift タグを設置します。スクリプトタグとマーカータグの2つを商品詳細ページに追加してください。

設置手順

ステップ1: スクリプトタグを挿入する

商品ページのヘッダーに以下のコードを挿入してください。

<script type="text/javascript">
    window.AnyGift = {
      productCode: '{{ Product.id }}',
      storeId: 'YOUR_STORE_ID',
    };
</script>
<script defer src="https://d1ioo46r7yo3cy.cloudfront.net/store.js" charset="utf-8"></script>

YOUR_STORE_ID は、AnyGift から発行されたストアIDに置き換えてください。

{{ Product.id }} は EC-CUBE の独自タグです。商品ページを表示したとき、その商品のシステム商品コードが自動的に埋め込まれます。

ステップ2: マーカータグを挿入する

eギフトの「ギフトとして贈る」ボタンを表示したい位置に、以下のマーカータグを挿入してください。

<div data-anygift></div>

通常は、商品の購入ボタンの近くに設置することを推奨します。

動作確認

設置が完了したら、ストアの商品詳細ページにアクセスし、「ギフトとして贈る」ボタンが表示されていることを確認してください。