สร้างตัวแปรที่กําหนดเอง

คู่มือนี้จะแนะนำวิธีสร้างเทมเพลตตัวแปรที่กำหนดเอง วันและเวลา ตัวแปรนี้ใช้ ดังนั้นจะใช้อาร์เรย์ของค่า แล้วแสดงผลเป็น สตริงที่คั่นด้วยคอมมา

1. หากต้องการเริ่มเทมเพลตตัวแปรแรก ให้คลิกเทมเพลตทางด้านซ้าย การนำทาง และคลิกปุ่มใหม่ใต้เทมเพลตตัวแปร

2. ในแท็บข้อมูล ให้กำหนดชื่อและคำอธิบายของตัวแปร

   ชื่อ คือสิ่งที่จะแสดงต่อผู้ใช้เมื่อจะนำไปใช้งาน ทั่วทั้งอินเทอร์เฟซผู้ใช้ Tag Manager

   คำอธิบายคือชื่อที่อธิบาย - สรุป (200 อักขระหรือ น้อยลง) คำอธิบายเกี่ยวกับสิ่งที่ตัวแปรนี้ทำ

3. คลิกรีเฟรชเพื่อดูตัวอย่างเทมเพลต

   ทางด้านขวาของอินพุตช่องจะมีหน้าต่างตัวอย่างเทมเพลต ทุกครั้งที่ทำการเปลี่ยนแปลงในตัวแก้ไข ปุ่มรีเฟรชจะ ปรากฏขึ้น คลิก รีเฟรช เพื่อดูว่าการเปลี่ยนแปลงที่คุณทำกับรูปลักษณ์ของ ตัวแปร

4. คลิกช่องเพื่อเพิ่มช่องลงในเทมเพลตตัวแปร

   แท็บช่องของเครื่องมือแก้ไขเทมเพลตช่วยให้คุณสร้างและแก้ไขช่องใน เทมเพลตตัวแปร ช่องใช้สำหรับป้อนข้อมูลที่กำหนดเอง เช่น บัญชี ID คุณสามารถเพิ่มองค์ประกอบของแบบฟอร์มมาตรฐาน เช่น ช่องข้อความ เมนูแบบเลื่อนลง เมนู ปุ่มตัวเลือก และช่องทำเครื่องหมาย

5. คลิกเพิ่มช่องแล้วเลือกตารางแบบง่าย แทนที่ชื่อเริ่มต้น (เช่น "simpleTable1") ด้วย "list" คลิกรีเฟรชในตัวอย่างเทมเพลต

   ทำขั้นตอนนี้ซ้ำกับอินพุตข้อความและเรียกว่า "array" ซึ่งเป็นช่องทำเครื่องหมาย 2 ช่อง ชื่อว่า "use_array" และ "sort" และการป้อนข้อความชื่อ "delimiter" สำหรับ "delimiter" ให้กำหนดค่าเริ่มต้นเป็น "," โดยคลิกไอคอนรูปเฟือง สลับ "ค่าเริ่มต้น" เป็นเปิด แล้วกรอกค่าเริ่มต้นใหม่ ฟิลด์ป้อนข้อมูล

6. คลิกแท็บโค้ด แล้วป้อน JavaScript ที่ทำแซนด์บ็อกซ์ในตัวแก้ไข ดังนี้

   var input = data.array;
   
   if (!data.use_array) {
     input = [];
     for (var i = 0; i < data.list.length; i++) {
       input.push(data.list[i].values);
     }
   }
   
   if (data.sort) {
     input.sort();
   }
   
   return input.join(data.delimiter || ',');
   

   โค้ดสำหรับตัวแปรนี้ค่อนข้างตรงไปตรงมา แต่มี ที่เราอยากแจ้งให้ทราบ

   • data ช่อง

     มีช่อง 2-3 ช่องที่กำลังเข้าถึงจากนอก data ส่วนกลาง data จะมีค่าที่คุณตั้งค่าไว้ในขั้นตอนก่อนหน้า ด้วยเหตุนี้ เราจึงสามารถเข้าถึง data.use_array, data.sort data.list และ data.delimiter

   • delimiter จะได้รับการตั้งค่าเป็นค่าเริ่มต้น "," หาก data.delimiter คือ ไม่ได้ให้ไว้ คุณควรกำหนดค่าเริ่มต้นให้กับช่องในกรณีต่อไปนี้ ที่เหมาะสม ซึ่งจะช่วยให้ผู้ใช้ใช้ตัวแปรได้ง่ายขึ้น เนื่องจากไม่จำเป็นต้องกรอกทุกฟิลด์เพื่อใช้ ตัวแปร

7. คลิกบันทึกเพื่อบันทึกความคืบหน้า การดำเนินการนี้จะโหลดสิทธิ์ทั้งหมดที่ตรวจพบ ลงในเครื่องมือแก้ไขเทมเพลต

   API เทมเพลตบางรายการมีสิทธิ์ที่เชื่อมโยงอยู่ ซึ่งจะกำหนดว่าสิ่งใด ทำได้หรือไม่ได้ เมื่อคุณใช้ API เทมเพลต เช่น sendPixel ใน Tag Manager จะแสดงสิทธิ์ที่เกี่ยวข้องในสิทธิ์

8. ในแท็บตัวอย่างเทมเพลต ให้เพิ่มค่าสำหรับ "ค่า" ป้อน ให้คลิก เรียกใช้โค้ด และดูคอนโซลเพื่อดูเอาต์พุตสำหรับตัวแปรของคุณ

   หากมีข้อผิดพลาดเกิดขึ้น ข้อผิดพลาดนั้นจะปรากฏในหน้าต่างคอนโซล

9. คลิกบันทึก และปิดเครื่องมือแก้ไขเทมเพลต

   และเทมเพลตตัวแปรก็พร้อมใช้งานแล้ว