単品商品のタグ実装¶

各タグに入れる商品IDが固定の一商品である場合は、動的に値を取る必要が無いため、このページで簡易的なタグを生成し、コピー＆ペーストすることで実装完了いたします。

概要¶

本来タグには商品IDなど動的に取得する必要があるパラメータがありますが、以下の二つのどちらかに当てはまる実装をお考えのお客様は、動的な取得が必要でないため、パラメータに固定値をあらかじめ設定した5つのタグを生成し、実装いただけます。

１、フィードの商品数が1つである。

２、フィードには商品を複数登録してあるが、固定で代表の商品ID1点のみを各タグに入れる予定である。

このページの使い方¶

このページのURLパラメータにアカウントIDと商品IDを設定することで、以下表示されるタグに値が自動的に代入されますので、タグをそのままコピ＆ペーストしていただけます。すでにURLパラメータが設定されていない場合は、以下のパラメータを追加してください。

アカウントIDパラメータ(accountid=) → 例：12345
商品IDパラメータ(productid=) → 例：product01
接続URL　： http://guides.criteotilt.com/onetag/single_simple/?accountid=12345&productid=product01

ローダーファイル¶

ローダーファイルとは¶

ローダーはJavaScriptのライブラリです。
ローダーはお客様のサイトのヘッダー部分に実装して、全ページで呼び出されるようにしてください。
ローダーはCRITEOサーバの呼び出しと、トラッカーで取得した情報をCRITEOサーバに送信する役割を担っています。

ローダーファイルの実装方法¶

ローダーファイルは下記のURLを利用します：

<script type="text/javascript" src="//dynamic.criteo.com/js/ld/ld.js?a={{accountid}}" async="true"></script>

トラッカー概要¶

トップページタグ¶

サイトに商品ページしか無い場合は実装は不要です。実装の場合は以下のタグを、トップページに実装してください。

<!-- Criteo Homepage Tag -->
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}},
 { event: "setSiteType", type: deviceType },
 { event: "setEmail", email: "ハッシュ化されたメールアドレス", hash_method: "sha256" },
 { event: "viewHome"});
</script>
<!-- END Criteo Home Page Tag -->

商品一覧ページタグ¶

サイトに商品ページしか無い場合や商品一覧ページで複数の商品IDを計測する必要のない場合は不要です。実装の場合は以下のタグを、商品一覧ページ、検索結果ページに実装してください。

<!-- Criteo Search Results Tag -->
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}},
 { event: "setSiteType", type: deviceType },
 { event: "setEmail", email: "ハッシュ化されたメールアドレス", hash_method: "sha256" },
 { event: "viewList", item: ['{{productid}}'] });
</script>
<!-- END Criteo Search Results Tag -->

商品詳細ページタグ¶

以下のタグを、商品詳細ページに実装してください。

<!-- Criteo Product Tag -->
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}},
 { event: "setSiteType", type: deviceType },
 { event: "setEmail", email: "ハッシュ化されたメールアドレス", hash_method: "sha256" },
 { event: "viewItem", item: '{{productid}}' });
</script>
<!-- END Criteo Product Tag -->

買い物かご・申し込み開始タグ¶

以下のタグを、買い物かごページ・申し込み開始ページに実装してください。商品が複数存在する場合でも、1つの固定商品IDのみでの実装を行う場合は固定の商品IDを記入して実装してください。

<!-- Criteo Basket/Cart Tag -->
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}},
 { event: "setSiteType", type: deviceType },
 { event: "setEmail", email: "ハッシュ化されたメールアドレス", hash_method: "sha256" },
 { event: "viewBasket", item: [
    {id: '{{productid}}', price: 1, quantity: 1 }
]}
);
</script>
<!-- END Criteo Basket/Cart Tag -->

コンバージョンタグ¶

以下のタグを、コンバージョンページに実装してください。 TransactionIDはJavaScriptで生成するランダムな値が代入されるように設定されています。もし、サイト側で発行させるTransactionID（注文番号など）を動的に代入する場合は下記のコードはご利用できません。

<!-- Criteo Sales Tag -->
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}},
 { event: "setSiteType", type: deviceType },
 { event: "setEmail", email: "ハッシュ化されたメールアドレス", hash_method: "sha256" },
 { event: "trackTransaction", id: Math.floor(Math.random()*99999999999), item: [
    {id: '{{productid}}', price: 1, quantity: 1 }
]}
);
</script>
<!-- END Criteo Sales Tag -->

タグにsetEmailを代入する場合¶

Criteoが提供するクロスデバイス機能を活用するにはトラッカーでサイト訪問者のメールアドレスを収集していただくことが必要です。サイト訪問者のメールアドレスをトラッカーに代入することで、デバイスを跨いでの訪問者の識別が可能となります。メールアドレスを代入する場合は、下記のハッシュ化ルールに基づいたハッシュ化メールアドレスを代入することができます。
メールアドレスは全て小文字に変換・スペースを削除・UTF8でエンコードされたかを確認の上、必ずSHA-256のアルゴリズムを利用してハッシュ化した状態で代入してください。

例１：ハッシュ化したメールアドレス値を代入する場合

{ event: "setEmail", email: "1b5d664dcaaf2f977f1cf7e84f4e35ce58c8c16a15a8f1c3a81e45c102cfad1b", hash_method: "sha256" }

例２：メールアドレスが取得できないページの場合

{ event: "setEmail", email: "" }

例３：「改正個人情報保護法」に備え、平文のメールアドレスを代入するのはご遠慮願います。 (2021-12-15追記)

{ event: "setEmail", email: "john@company.com" } ← NG

サイトへの実装と導入のご支援¶

サイトへの実装と導入のご支援について- CRITEOでは次の作業をサポートいたします：¶

ご提供頂いたカタログフィードの取り込み
御社作業にて実装してされたタグの最終確認

実装についてご不明な点がございましたら、担当営業までお問い合わせください。¶

Field	Overview	Example	Syntax	Required
Email Address	Email address in plain text (if allowed by the law in your country), sha256 hashed email address or MD5 hashed email address.	79054025255fb1a26e4bc422aef54eb4...	- Plain text emails - Sha256 and md5 hashed emails	Required
Hash Method	The hashing method used for the email. - Doesn't need to be included for plain text emails - For sha265 hashed emails: "sha256" - For md5 hashed emails: "md5"	sha256	String	Required

Field

Overview

Example

Syntax

Required

Email Address

Email address in plain text (if allowed by the law in your country), sha256 hashed email address or MD5 hashed email address.

79054025255fb1a26e4bc422aef54eb4...

- Plain text emails
- Sha256 and md5 hashed emails

Required

Hash Method

The hashing method used for the email.
- Doesn't need to be included for plain text emails
- For sha265 hashed emails: "sha256"
- For md5 hashed emails: "md5"

sha256

String

Required

 <script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; window.criteo_q.push( { event: "setAccount", account: YOUR_PARTNER_ID}, { event: "setEmail", email: "useremail@somedomain.com" }, { event: "setSiteType", type: deviceType}, { event: "viewHome" } ); </script> 

<script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; window.criteo_q.push( { event: "setAccount", account: YOUR_PARTNER_ID}, { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4...", hash_method: "sha256" }, { event: "setEmail", email: "3242asd342421...", hash_method: "md5" }, { event: "setSiteType", type: deviceType}, { event: "viewHome" } ); </script>

필드	개요	예시	구문	필수
Email Address	sha256 해시된 이메일 주소와 MD5 해시된 이메일 주소.	79054025255fb1a26e4bc422aef54eb4....	- sha256 및 md5 해시된 이메일	필수
Hash Method	이메일에 사용된 해싱 방법. - sha256 및 md5로 이메일을 해시화 할 것 - sha265 해시된 이메일의 경우: "sha256" - md5 해시된 이메일의 경우: "md5"	sha256, md5	문자열	필수

필드

개요

예시

구문

필수

Email Address

sha256 해시된 이메일 주소와 MD5 해시된 이메일 주소.

79054025255fb1a26e4bc422aef54eb4....

- sha256 및 md5 해시된 이메일

필수

Hash Method

이메일에 사용된 해싱 방법.
- sha256 및 md5로 이메일을 해시화 할 것
- sha265 해시된 이메일의 경우: "sha256"
- md5 해시된 이메일의 경우: "md5"

sha256, md5

문자열

필수

<script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; window.criteo_q.push( { event: "setAccount", account: }, { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4...", hash_method: "sha256" }, { event: "setEmail", email: "3242asd342421...", hash_method: "md5" }, { event: "setSiteType", type: deviceType}, { event: "viewPage" } ); </script>

Field	Overview	Example	Syntax	Required
Phone Numbers	Phone numbers in plain text (if allowed by the law in your country), sha256 phone numbers.	79054025255fb1a26e4bc422aef54eb4...	- Plain text phone numbers - Sha256 hashed phone numbers	Recommended

Field

Overview

Example

Syntax

Required

Phone Numbers

Phone numbers in plain text (if allowed by the law in your country), sha256 phone numbers.

79054025255fb1a26e4bc422aef54eb4...

- Plain text phone numbers
- Sha256 hashed phone numbers

Recommended

<script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; window.criteo_q.push( { event: "setAccount", account: YOUR_PARTNER_ID}, { event: "setEmail", email: "useremail@somedomain.com" }, { event: "setPhoneNumber", phone_number: "+33 (0) 1 40 40 22 90" }, { event: "setSiteType", type: deviceType}, { event: "viewHome" } ); </script>

<script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; window.criteo_q.push( { event: "setAccount", account: YOUR_PARTNER_ID}, { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4...", hash_method: "sha256" }, { event: "setSha256HashedPhoneNumber", phone_number: "fda66831d0cb0eb4bf..."}, { event: "setSiteType", type: deviceType}, { event: "viewHome" } ); </script>

単品商品のタグ実装¶

概要¶

このページの使い方¶

ローダーファイル¶

ローダーファイルとは¶

ローダーファイルの実装方法¶

トラッカー概要¶

トップページタグ¶

商品一覧ページタグ¶

商品詳細ページタグ¶

買い物かご・申し込み開始タグ¶

コンバージョンタグ¶

タグにsetEmailを代入する場合¶

サイトへの実装と導入のご支援¶

サイトへの実装と導入のご支援について- CRITEOでは次の作業をサポートいたします：¶

実装についてご不明な点がございましたら、担当営業までお問い合わせください。¶

Plain text example

Hashed Emails Example

해시된 이메일 예시

Plain Text Phone Numbers Example

Hashed Phone Numbers Example