Criteo OneTag

คู่มือการติดตั้ง Criteo OneTag ภายในเว็บไซต์ของคุณ

หัวข้อ

คู่มือนี้จะอธิบายวิธีการใส่สคริป Criteo OneTag ลงในเว็บไซต์ของคุณ ตัวสคริปจะต้องอยู่ใน หรือ ของแต่ละหน้าเว็บหลักๆ โดยมีแท็กทั้งหมด 5 อันดังต่อไปนี้

  1. Homepage Tag

  2. Category / Listing Tag

  3. Product Tag

  4. Basket / Cart Tag

  5. Sales Tag

[[disclaimer-developer_th]]

ไฟล์แคตาล็อกสินค้า (Feed)

ถ้าเว็บไซต์ของคุณมี Google Shopping Feed สามารถส่งไฟล์ URL ให้กับเจ้าหน้าที่ Criteo ได้เลย แต่ถ้าคุณยังไม่มี กรุณาคลิกที่นี่เพื่ออ่านคู่มือการทำ Criteo Feed

แท็ก (Tags)

Homepage Tag

ใส่โค๊ดด้านล่างในหน้าแรกของเว็บไซต์ ตัวอย่าง URL ของหน้าแรกเช่น {{homepageurl}}

ชื่อ ลักษณะข้อมูล ตัวอย่าง ฟอร์แม็ต
Email 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

ชื่อ ลักษณะข้อมูล ตัวอย่าง ฟอร์แม็ต
Email 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

ชื่อ ลักษณะข้อมูล ตัวอย่าง ฟอร์แม็ต
Email 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

ชื่อ ลักษณะข้อมูล ตัวอย่าง ฟอร์แม็ต
Email 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

ชื่อ ลักษณะข้อมูล ตัวอย่าง ฟอร์แม็ต
Email 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]]