thumbnail

HTML(自社サイト)

LEEEP2024-10-29

パートナー様の運営するサイトに下記指定のタグ及びスクリプトを設置いただくことで、LEEEPでイベントの集計やコンテンツ表示を行うことができるようになります。

Name

値の形式

必須

意味

site_id

string

必須

サイトID(確認はこちらから)

product_id

string

 

商品詳細ページ表示時にセットお願いします。

brands

[]string

 

投稿に紐づいた商品ブランドで絞り込みたい場合にセットをお願いします。

uid

string

レビュー機能を利用の場合は必須

サイトにおけるユーザID

 

下記のコードをサイトの全ページのHTMLの head 内に設置し、パラメータの値を適宜ご設定ください。

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: '1234567890'});
    document.addEventListener('DOMContentLoaded', _ => {
    LeeepCite.init({site_id: '1234567890', product_id: 'abcde', uid: 'user1234'});
    });
</script>

Googleタグマネージャー経由で埋め込まれる場合は下記コードをご参考ください。

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: '1234567890'});
    LeeepCite.init({site_id: '1234567890', product_id: 'abcde', uid: 'user1234'});
</script>


注文処理の完了イベントをLEEEPに送信します。

注文完了ページ(サンキューページ)の body 内に設置してください。

キー名

値の形式

必須

意味

site_id

string

必須

サイトID(確認はこちらから)

order_id

string

必須

注文ID

discount_amount

int

 

注文全体にかかる割引額

products

object

必須

注文商品

products[].product_id

string

必須

注文商品の商品ID

products[].sku_code

string

必須

注文商品のSKUコード

products[].sales_price

int

必須

注文商品の販売額(税込み)

products[].quantity

int

必須

注文商品の販売個数

products[].name

string

 

注文商品名

user

object

user.id

string

レビュー機能を利用の場合は必須

サイトにおけるユーザID

user.orders_count

int

 

ユーザの過去注文回数

user.email

string

レビュー機能を利用の場合は必須

注文ユーザーのemail

下記のコードをHTMLの body 内に設置し、パラメータの値を適宜ご設定ください。

 

・商品注文1点かつ注文への割引がない場合

Plaintext
<script>
    const handler = window.setInterval(_ => {
        if (!window['ParteTracking']) return;
        ParteTracking.order({
            site_id: '1234567890',
            order_id: 'order12345',
            user: {
                id: 'user0001',
                orders_count: Number(2),
                email: 'sample@leeep.jp'
            },
            discount_amount: Number(0),
            products: [
                {
                    product_id: 'productAAA',
                    sku_code: 'white_s',
                    sales_price: Number(3980),
                    quantity: Number(1),
                    name: 'product_name'
                },
            ]
        });
        window.clearInterval(handler);
    }, 100);
</script>

 

・複数商品注文かつ注文への割引がある場合

Plaintext
<script>
    const handler = window.setInterval(_ => {
        if (!window['ParteTracking']) return;
        ParteTracking.order({
            site_id: '1234567890',
            order_id: 'order67890',
            discount_amount: Number(1000),
            user: {
                id: 'user0001',
                orders_count: Number(2),
                email: 'sample@leeep.jp'
            },
            products: [
                {
                    product_id: 'productBBB',
                    sku_code: 'black_m',
                    sales_price: Number(4980),
                    quantity: 1,
                    name: 'シャツワンピース',
                },
                {
                    product_id: 'productCCC',
                    sku_code: 'gray_l',
                    sales_price: Number(2980),
                    quantity: Number(2),
                    name: 'リブニットトップス',
                },
            ]
        });
        window.clearInterval(handler);
    }, 100);
</script>


LEEEP管理画面の「タグ一覧画面」にて発行いただいたタグの設置ガイドです。

トップページなど、タグ編集にて商品マクロを指定しないタグを設置する方法には、以下の2通りがあります。

タグの掲載の箇所の「コードで埋め込む」にて発行されるHTMLコードをコピーし、ECサイト内のコンテンツを表示したい場所にあたるHTMLに貼り付けてください。

タグの掲載の箇所の「URLと位置を指定して掲載する」から、掲載したい場所のURLとCSSセレクターを指定してください。

※最新のLEEEP共通タグがページに埋め込まれている必要があります。

参照:CSSセレクタを確認する方法を教えてください。

商品詳細ページなど、タグ編集にて商品マクロを指定したタグを設置する方法には、以下の2通りがあります。

タグの掲載の箇所の「コードで埋め込む」にて発行されるHTMLコードをコピーし、ECサイト内のコンテンツを表示したい場所にあたるHTMLに貼り付けてください。

重要:product_id: '__商品IDを指定__',の箇所は、商品番号が動的に置換されるよう設定ください。

   また、このコードは"共通の商品詳細ページ"にあたるHTML内に1つ設置してください。

タグの掲載の箇所の「URLと位置を指定して掲載する」から、商品ページ共通のURLとCSSセレクターを指定してください。

※最新のLEEEP共通タグがページに埋め込まれている必要があります。

参照:CSSセレクタを確認する方法を教えてください。