Criteo OneTag¶
คู่มือการติดตั้ง Criteo OneTag ภายในเว็บไซต์ของคุณ
หัวข้อ¶
คู่มือนี้จะอธิบายวิธีการใส่สคริป Criteo OneTag ลงในเว็บไซต์ของคุณ ตัวสคริปจะต้องอยู่ใน
หรือ ของแต่ละหน้าเว็บหลักๆ โดยมีแท็กทั้งหมด 5 อันดังต่อไปนี้[[disclaimer-developer_th]]
ไฟล์แคตาล็อกสินค้า (Feed)¶
ถ้าเว็บไซต์ของคุณมี Google Shopping Feed สามารถส่งไฟล์ URL ให้กับเจ้าหน้าที่ Criteo ได้เลย แต่ถ้าคุณยังไม่มี กรุณาคลิกที่นี่เพื่ออ่านคู่มือการทำ Criteo Feed
แท็ก (Tags)¶
Homepage Tag¶
ใส่โค๊ดด้านล่างในหน้าแรกของเว็บไซต์ ตัวอย่าง URL ของหน้าแรกเช่น {{homepageurl}}
ชื่อ | ลักษณะข้อมูล | ตัวอย่าง | ฟอร์แม็ต |
---|---|---|---|
plain-text หรือเข้ารหัส MD5 | 79054025255fb1a26e4bc422aef54eb4 | string ที่เข้าฟังก์ชัน trim และ lowercase ไม่เกิน 32 ตัวอักษร |
โครงสร้าง¶
ให้แทนที่ค่าที่มี ##
ล้อมรอบ (##....##
) ด้วยข้อมูลจริง เช่น
<!-- 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}} }, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "##Email Address of user##" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewHome"});
</script>
<!-- END Criteo Home Page Tag -->
ตัวอย่าง¶
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewHome"});
</script>
<!-- END Criteo Home Page Tag -->
Category / Listing Tag¶
ใส่โค๊ดด้านล่างในหน้าหมวดหมู่ (category) และหน้าแสดงผลการค้นหา (search results) ตัวอย่าง URL เช่น {{homepageurl}}/category?id=categoryid1
ชื่อ | ลักษณะข้อมูล | ตัวอย่าง | ฟอร์แม็ต |
---|---|---|---|
plain-text หรือเข้ารหัส MD5 | 79054025255fb1a26e4bc422aef54eb4 | string ที่เข้าฟังก์ชัน trim และ lowercase ไม่เกิน 32 ตัวอักษร | |
Product ID | ID ของสินค้า 3 ชิ้นแรก โดย ID ต้องตรงกับข้อมูลใน feed | ProductID_1 | array ของ string โดยความยาว array ต้องไม่เกิน 3 |
โครงสร้าง¶
ให้แทนที่ค่าที่มี ##
ล้อมรอบ (##....##
) ด้วยข้อมูลจริง เช่น
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "##Email Address of user##" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewList", item: ["##Product ID 1##", "##Product ID 2##", "##Product ID 3##"] });
</script>
<!-- END Criteo Category / Listing Tag -->
ตัวอย่าง¶
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewList", item: ["ProductID_1", "ProductID_2", "ProductID_3"] });
</script>
<!-- END Criteo Category / Listing Tag -->
Product Tag¶
ใส่โค๊ดด้านล่างในหน้าที่บอกรายละเอียดของสินค้า ตัวอย่าง URL เช่น {{homepageurl}}/product?id=productid_1
ชื่อ | ลักษณะข้อมูล | ตัวอย่าง | ฟอร์แม็ต |
---|---|---|---|
plain-text หรือเข้ารหัส MD5 | 79054025255fb1a26e4bc422aef54eb4 | string ที่เข้าฟังก์ชัน trim และ lowercase ไม่เกิน 32 ตัวอักษร | |
Product ID | ID ของสินค้า (ต้องตรงกับข้อมูลใน feed) | ProductID_1 | string |
โครงสร้าง¶
ให้แทนที่ค่าที่มี ##
ล้อมรอบ (##....##
) ด้วยข้อมูลจริง เช่น
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "##Email Address of user##" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewItem", item: "##Product ID 1##" });
</script>
<!-- END Criteo Product Tag -->
ตัวอย่าง¶
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewItem", item: "ProductID_1" });
</script>
<!-- END Criteo Product Tag -->
Basket/Cart Tag¶
ใส่โค๊ดด้านล่างในตะกร้าสินค้า ตัวอย่าง URL เช่น {{homepageurl}}/cart
ชื่อ | ลักษณะข้อมูล | ตัวอย่าง | ฟอร์แม็ต |
---|---|---|---|
plain-text หรือเข้ารหัส MD5 | 79054025255fb1a26e4bc422aef54eb4 | string ที่เข้าฟังก์ชัน trim และ lowercase ไม่เกิน 32 ตัวอักษร | |
Product ID | ID ของสินค้า (ต้องตรงกับข้อมูลใน feed) | ProductID_1 | string |
price | ราคาของสินค้า 1 ชิ้น | 200.99 | string หรือตัวเลข (number) ไม่ใส่สกุลเงิน และจุลภาค (comma) |
quantity | จำนวนชิ้นของสินค้า | 2 | ตัวเลข (number) |
โครงสร้าง¶
ให้แทนที่ค่าที่มี ##
ล้อมรอบ (##....##
) ด้วยข้อมูลจริง เช่น
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "##Email Address of user##" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewBasket", item: [
{id: "##Product ID 1##", price: ##Product Unit Price##, quantity: ##Number of Units## }
// ใส่สินค้าที่มีในตะกร้าให้ครบทุกชิ้น
]}
);
</script>
<!-- END Criteo Basket/Cart Tag -->
ตัวอย่าง¶
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "viewBasket", item: [
{id: "ProductID_1", price: 200.99, quantity: 2 }
// ใส่สินค้าที่มีในตะกร้าให้ครบทุกชิ้น
]}
);
</script>
<!-- END Criteo Basket/Cart Tag -->
Sales Tag¶
ใส่โค๊ดด้านล่างในหน้าหลังจากสั่งซื้อสำเร็จ หรือหน้า Thank you ตัวอย่าง URL เช่น {{homepageurl}}/thankyou
ชื่อ | ลักษณะข้อมูล | ตัวอย่าง | ฟอร์แม็ต |
---|---|---|---|
plain-text หรือเข้ารหัส MD5 | 79054025255fb1a26e4bc422aef54eb4 | string ที่เข้าฟังก์ชัน trim และ lowercase ไม่เกิน 32 ตัวอักษร | |
Product ID | ID ของสินค้า (ต้องตรงกับข้อมูลใน feed) | ProductID_1 | string |
price | ราคาของสินค้า 1 ชิ้น | 200.99 | string หรือตัวเลข (number) ไม่ใส่สกุลเงิน และจุลภาค (comma) |
quantity | จำนวนชิ้นของสินค้า | 2 | ตัวเลข (number) |
Transaction ID | หมายเลขออเดอร์ หรือหมายเลขยืนยันการสั่งซื้อ | 7654322 | string หรือตัวเลข ค่าห้ามซ้ำกัน |
โครงสร้าง¶
ให้แทนที่ค่าที่มี ##
ล้อมรอบ (##....##
) ด้วยข้อมูลจริง เช่น
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "##Email Address of user##" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "trackTransaction", id: ##Transaction ID##, item: [
{id: "##Product ID 1##", price: ##Product Unit Price##, quantity: ##Number of Units## }
// ใส่สินค้าที่ลูกค้าสั่งซื้อให้ครบทุกชิ้น
]}
);
</script>
<!-- END Criteo Sales Tag -->
ตัวอย่าง¶
<!-- 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}}}, // เลข Partner ID (ไม่ต้องแก้ไข)
{ event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // ใส่ string ว่างถ้าไม่มีอีเมล
{ event: "setSiteType", type: deviceType},
{ event: "trackTransaction", id: 7654322, item: [
{id: "ProductID_1", price: 200.99, quantity: 2 }
// ใส่สินค้าที่ลูกค้าสั่งซื้อให้ครบทุกชิ้น
]}
);
</script>
<!-- END Criteo Sales Tag -->
วิธีตรวจสอบว่าแท็กทำงานถูกต้อง¶
[[accurate_th]]