スクリプトタグの挿入

ショップタグにコードを追加

  1. ショップ管理 > 各種設定 > ショップのタグ**管理**の 設定する をクリック
  2. 新規作成 をクリック
  3. 下記情報を入力し、保存をクリック

| タグ名　 | AnyGift-shared ※ 任意で構いません。 | | --- | --- | | タグ表示箇所 | body要素の最後に追加 | | タグコード | 下記 |

<script type="text/javascript">
  let _AnyGiftSharedSettingTemp = window.AnyGiftApiIntegration || {};
  {% assign productIds = order.order_items | map: 'product' | map: 'id' | uniq %}
  let _AnyGiftSharedSettings = {
    storeId: '{ストアID}',
    productIdsInCart: [
      {% for id in productIds %}
        "{{ id }}"{% unless forloop.last %},{% endunless %}
      {% endfor %}
    ],
    isEGiftOrder: {% if order.remark contains "message" and order.remark contains "senderName" %}true{% else %}false{% endif %},
    remark: (function() {
      try {
        return JSON.parse('{{ order.remark }}');
      } catch (e) {
        return undefined;
      }
    })(),
    availablePaymentMethod: [1, 2, 3, 4, 109, 108, 80, 59, 54, 76, 75, 74, 60, 20],
    orderId: "{{ order.id }}",
  };
  Object.assign(_AnyGiftSharedSettingTemp, _AnyGiftSharedSettings);
  window.AnyGiftApiIntegration = _AnyGiftSharedSettingTemp;
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/ecforce-store.js>"></script>

商品詳細ページにスクリプトを挿入

  1. ショップ管理 をクリック

  2. 該当するテーマの アクション から コードの編集 をクリック

  3. product > 商品詳細画面 を開く

    ※ 事業者様の方で変更をしている場合は商品詳細ページを表示しているページに挿入ください。

  4. 下記スクリプトをページの先頭に追加する

<script type="text/javascript">
  let _AnyGiftProductSettingTemp = window.AnyGiftApiIntegration || {};
  let _AnyGiftProductSettings = {
    productId: "{{ product.id }}",
  };
  Object.assign(_AnyGiftProductSettingTemp, _AnyGiftProductSettings);
  window.AnyGiftApiIntegration = _AnyGiftProductSettingTemp;
</script>

マーカータグの挿入

商品詳細ページにバナーを表示する

<div data-anygift-banner-item></div>

カート画面にバナーを表示する