Criteo OneTag¶

Panduan untuk menerapkan solusi Criteo OneTag langsung di source code anda.

Overview¶

Tutorial ini akan menjelaskan cara menerapkan solusi Criteo OneTag langsung di source code anda. Criteo OneTag harus ditempatkan di header atau body setiap halaman di website anda. Silahkan implementasikan 5 tag berikut di website anda:

Homepage Tag
Kategori / Listing Tag
Produk Tag
Basket / Cart Tag
Sales Tag

[[disclaimer-developer]]

Feed¶

Harap berikan kontak Criteo anda dengan Feed Google Shopping jika anda sudah memilikinya. Jika anda belum memilikinya, silahkan membuat feed produk yang cocok dengan spesifikasi Criteo Feed.

Tags¶

Homepage Tag¶

Pasang tag berikut di homepage website anda. Contoh URL: {{homepageurl}}

Field	Overview	Contoh	Syntax
email	Plain-text atau MD5 Hash	79054025255fb1a26e4bc422aef54eb4	String. Trimmed dan huruf kecil 32 karakter, encoded UTF-8

Struktur¶

Ganti field secara dinamis yang dimulai oleh ## dengan informasi user. Lihat contoh

<!-- Criteo Homepage Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "##Email Address of user##" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewHome"});
</script> 
<!-- END Criteo Home Page Tag -->

Example¶

<!-- Criteo Homepage Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewHome"});
</script> 
<!-- END Criteo Home Page Tag -->

Kategori / Listing Tag¶

Pasang tag berikut di daftar, kategori, dan halaman hasil pencarian di website anda. Contoh URL: {{homepageurl}}/category?id=categoryid1

Field	Overview	Contoh	Syntax
email	Plain-text atau MD5 Hash	79054025255fb1a26e4bc422aef54eb4	String. Trimmed dan huruf kecil 32 karakter, encoded UTF-8
Product ID	ID unik Produk	ProductID_1	String

Struktur¶

Ganti field secara dinamis yang dimulai oleh ## dengan informasi user. Lihat contoh

<!-- Criteo Category / Listing Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "##Email Address of user##" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewList", item: ["##Product ID 1##", "##Product ID 2##", "##Product ID 3##"] });
</script> 
<!-- END Criteo Category / Listing Tag -->

Example¶

<!-- Criteo Category / Listing Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewList", item: ["ProductID_1", "ProductID_2", "ProductID_3"] });
</script> 
<!-- END Criteo Category / Listing Tag -->

Produk Tag¶

Pasang tag berikut di halaman detail produk di website anda. Contoh URL: {{homepageurl}}/product?id=productid_1

Field	Overview	Example	Syntax
email	Plain-text atau MD5 Hash	79054025255fb1a26e4bc422aef54eb4	String. Trimmed dan huruf kecil 32 karakter, encoded UTF-8
Product ID	ID unik Produk	ProductID_1	String

Struktur¶

Ganti field secara dinamis yang dimulai oleh ## dengan informasi user. Lihat contoh

<!-- Criteo Product Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "##Email Address of user##" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewItem", item: "##Product ID 1##" });
</script> 
<!-- END Criteo Product Tag -->

Example¶

<!-- Criteo Product Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewItem", item: "ProductID_1" });
</script> 
<!-- END Criteo Product Tag -->

Basket/Cart Tag¶

Pasang tag berikut di keranjang atau halaman keranjang website anda. Contoh URL: {{homepageurl}}/cart

Field	Overview	Example	Syntax
email	Plain-text atau MD5 Hash	79054025255fb1a26e4bc422aef54eb4	String. Trimmed dan huruf kecil 32 karakter, encoded UTF-8
Product ID	ID unik Produk	ProductID_1	String
price	harga unit produk	200.99	String atau Integer, tidak termasuk simbol mata uang
quantity	jumlah unit yang ditambahkan	2	Integer

Struktur¶

Ganti field secara dinamis yang dimulai oleh ## dengan informasi user. Lihat contoh

<!-- Criteo Basket/Cart Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "##Email Address of user##" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewBasket", item: [
    {id: "##Product ID 1##", price: ##Product Unit Price##, quantity: ##Number of Units## }
    //tambahkan line untuk setiap produk di keranjang
]}
);
</script> 
<!-- END Criteo Basket/Cart Tag -->

Example¶

<!-- Criteo Basket/Cart Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "viewBasket", item: [
    {id: "ProductID_1", price: 200.99, quantity: 2 }
    //tambahkan line untuk setiap produk di keranjang
]}
);
</script> 
<!-- END Criteo Basket/Cart Tag -->

Sales Tag¶

Pasang tag berikut pada konfirmasi penjualan atau halaman Terima Kasih di website anda. Contoh URL: {{homepageurl}}/thankyou

Field	Overview	Example	Syntax
email	Plain-text atau MD5 Hash	79054025255fb1a26e4bc422aef54eb4	String. Trimmed dan huruf kecil 32 karakter, encoded UTF-8
Product ID	ID unik Produk	ProductID_1	String
price	harga unit produk	200.99	String or Integer, tidak termasuk simbol mata uang
quantity	jumlah unit yang ditambahkan	2	Integer
Transaction ID	Nomor Konfirmasi atau Nomor Order	7654322	Integer. ID Unik

Struktur¶

Ganti field secara dinamis yang dimulai oleh ## dengan informasi user. Lihat contoh

<!-- Criteo Sales Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "##Email Address of user##" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "trackTransaction", id: ##Transaction ID##, item: [
    {id: "##Product ID 1##", price: ##Product Unit Price##, quantity: ##Number of Units## }
    //tambahkan line untuk setiap produk di keranjang
]}
);
</script> 
<!-- END Criteo Sales Tag -->

Example¶

<!-- Criteo Sales Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></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: {{accountid}}}, // Jangan update field partner ID
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Pass string kosong kalau tidak ada email 
 { event: "setSiteType", type: deviceType},
 { event: "trackTransaction", id: 7654322, item: [
    {id: "ProductID_1", price: 200.99, quantity: 2 }
    //tambahkan line untuk setiap produk di keranjang
]}
);
</script> 
<!-- END Criteo Sales Tag -->

Verifikasi¶

[[accurate]]

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: "setEmail", email: "", hash_method: "sha256" }, { event: "setEmail", email: "", hash_method: "md5" }, { event: "setSiteType", type: deviceType}, { event: "viewPage" } ); </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: "" }, { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4...", hash_method: "sha256" }, { event: "setEmail", email: "3242asd342421...", hash_method: "md5" }, { event: "setSiteType", type: deviceType}, { event: "viewPage" } ); </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: YOUR_PARTNER_ID}, { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4...", hash_method: "sha256" }, { event: "setEmail", email: "3242asd342421...", hash_method: "md5" }, { event: "setSiteType", type: deviceType}, { event: "viewPage" } ); </script>

Criteo OneTag¶

Overview¶

Feed¶

Tags¶

Homepage Tag¶

Struktur¶

Example¶

Kategori / Listing Tag¶

Struktur¶

Example¶

Produk Tag¶

Struktur¶

Example¶

Basket/Cart Tag¶

Struktur¶

Example¶

Sales Tag¶

Struktur¶

Example¶

Verifikasi¶

Plain text example

Hashed Emails Example

해시된 이메일 예시