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

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

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

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

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

   คําอธิบายเป็นเพียงเสียงบรรยาย - คําอธิบายโดยย่อ (200 อักขระหรือน้อยลง) เกี่ยวกับสิ่งที่ตัวแปรนี้ทํา

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

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

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

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

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 ช่อง

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

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

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

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

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

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

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

   ตอนนี้เทมเพลตตัวแปรควรพร้อมใช้งานแล้ว