ecforce

このマニュアルでは共通タグと計測タグの作成についてご案内させていただきます。

※ 作成したタグを別途LPまたはサンクスページに設定いただく必要がございます。

※ 2023年4月時点でのecforce管理画面における操作案内となります。

1．共通タグ

ショップ管理 > 各種設定 > ショップのタグ管理から共通タグを作成してください。

※ LPに設置する場合は、マーケティング管理 > 広告管理 > LPタグ管理から共通タグを作成してください。

※ 作成したタグはLEEEPをご利用いただくすべてのショップページまたはLPに設置してください。

以下は設定の例となります。

タグ名：「LEEEP共通タグ」と入力

タグ表示箇所：「header 要素の最後に追加」を選択

タグコード：以下のコードを入力

重要：「site_id」はこちらより自身のIDを確認の上、「xxxxxxxxxxxxxxxx」を変更してください。

Plaintext

<script src="https://tracking.leeep.jp/v1/tracking/js"></script>
<script src="https://cite.leeep.jp/v2/embed/js" defer></script>
<script defer>
ParteTracking.viewPage({site_id: 'xxxxxxxxxxxxxxxx'});
document.addEventListener('DOMContentLoaded', _ => {
LeeepCite.init({site_id: 'xxxxxxxxxxxxxxxx'});
});
</script>

2．計測タグ

ショップ管理 > 各種設定 > ショップのタグ管理から計測タグを作成してください。

※ LPに設置する場合は、マーケティング管理 > 広告管理 > LPタグ管理から計測タグを作成してください。

※ 作成した計測タグはショップ購入（完了）ページに設置してください。

以下は設定の例となります。

タグ名：「LEEEP計測タグ」と入力

タグ表示箇所：「body 要素の最後に追加」を選択

タグコード：以下のコードを入力

重要：「site_id」はこちらより自身のIDを確認の上、「xxxxxxxxxxxxxxxx」を変更してください。

Plaintext

<script src="https://tracking.leeep.jp/v1/tracking/js"></script>
<script>
const ids = '{{ order.order_items | map: 'product' | map: 'number' | join: ', ' }}'.split(', ');
const skus = '{{ order.order_items | map: 'variant' | map: 'sku' | join: ', ' }}'.split(', ');
const prices = [{{ order.order_items | map: 'price' | join: ', ' }}];
const quantities = [{{ order.order_items | map: 'quantity' | join: ', ' }}];
const names = '{{ order.order_items | map: 'variant' | map: 'name' | join: ', ' }}'.split(', ');

const products = ids.map((id, i) => {
return {
product_id: id,
sku_code: skus[i],
sales_price: Number(prices[i]),
quantity: Number(quantities[i]),
name: names[i]
};
});

ParteTracking.order({
site_id: 'xxxxxxxxxxxxxxxx',
order_id: '{{ order.number }}',
uid: '{{ order.customer.number }}',
discount_amount: Number({{ order.discount }}),
products: products
});
</script>