หากต้องการรวบรวมเมตริกจากแหล่งที่มาหลายแห่ง เช่น เว็บและแอป คุณต้องสร้างคอนเทนเนอร์เพิ่มเติมสําหรับแต่ละแพลตฟอร์ม
หน้านี้เกี่ยวข้องกับการตั้งค่าคอนเทนเนอร์เว็บ หากต้องการตั้งค่าคอนเทนเนอร์ประเภทอื่น โปรดดูเอกสารประกอบต่อไปนี้
คอนเทนเนอร์คืออะไร
คอนเทนเนอร์ประกอบด้วยแท็กและกฎหลายรายการที่ใช้ควบคุม มีคอนเทนเนอร์บางประเภทที่อาจใช้ในกรณีต่อไปนี้
- เว็บไซต์
- หน้าเว็บ AMP
- แอป Android
- แอป iOS
- การเรียกใช้ Tag Manager ในเซิร์ฟเวอร์
1. สร้างคอนเทนเนอร์ใหม่
วิธีเพิ่มคอนเทนเนอร์เว็บ:- เปิด Tag Manager
- ในแท็บบัญชีถัดจากชื่อบัญชี ให้คลิกการดําเนินการเพิ่มเติม > สร้างคอนเทนเนอร์
- ป้อนชื่อคอนเทนเนอร์ที่สื่อความหมาย แล้วเลือกประเภทคอนเทนเนอร์
- หากต้องการสร้างคอนเทนเนอร์ ให้คลิกสร้างและยอมรับข้อกําหนดในการให้บริการ
2. ติดตั้งคอนเทนเนอร์
วิธีการต่อไปนี้มีไว้สําหรับการตั้งค่าคอนเทนเนอร์เว็บเพื่อติดตามแท็กในเว็บไซต์ หากไม่มีประสบการณ์เกี่ยวกับโค้ดหรือไม่มีสิทธิ์เข้าถึงโค้ดเว็บไซต์หรือแอปบนอุปกรณ์เคลื่อนที่ คุณอาจต้องขอความช่วยเหลือจากนักพัฒนาซอฟต์แวร์ในขั้นตอนนี้
- ใน Tag Manager ให้คลิกพื้นที่ทำงาน
- ค้นหารหัสคอนเทนเนอร์ซึ่งมีรูปแบบ "GTM-XXXXXX" โดยจะอยู่ใกล้กับด้านบนของหน้าต่าง
- คลิกรหัสคอนเทนเนอร์เพื่อเปิดใช้ช่องติดตั้ง Tag Manager
- คัดลอกและวางข้อมูลโค้ดลงในเว็บไซต์ตามวิธีการในช่องติดตั้ง Tag Manager
- วางข้อมูลโค้ด
<script>
ใน<head>
ของเอาต์พุต HTML ของหน้าเว็บให้ใกล้กับแท็กเปิด<head>
มากที่สุด แต่ให้อยู่ใต้การประกาศ dataLayer - วางข้อมูลโค้ด
<noscript>
ตามหลังแท็ก<body>
ทันทีในเอาต์พุต HTML
- วางข้อมูลโค้ด
หากคุณใช้แท็กในเว็บไซต์อยู่แล้ว ให้ย้ายข้อมูลไปยังคอนเทนเนอร์ของ Tag Manager โปรดดูที่ 3. เพิ่มแท็ก ดูแลไม่ให้แท็กเริ่มทํางาน 2 ครั้งโดยนําแท็กแบบฮาร์ดโค้ดออกจากโค้ด
ข้อมูลโค้ดหน้าเว็บของ Tag Manager จะใช้ HTTPS โดยค่าเริ่มต้นเพื่อช่วยปกป้องคอนเทนเนอร์ของคุณจากการสอดแนมโดยบุคคลที่สาม
หากมีเหตุให้ใช้คอนเทนเนอร์ของ Tag Manager ในลักษณะที่เป็นการรองรับหน้าเว็บที่ไม่ปลอดภัย คุณจะทำได้โดยการปรับโปรโตคอล URL แหล่งที่มาในข้อมูลโค้ดคอนเทนเนอร์ให้เป็น //
แทนที่จะเป็น https://
ดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้ URL ที่ขึ้นอยู่กับโปรโตคอล
3. เพิ่มแท็ก
เมื่อติดตั้งคอนเทนเนอร์บนเว็บไซต์ คุณก็พร้อมที่จะเพิ่มแท็กใหม่แล้ว
- ในพื้นที่ทํางาน ให้คลิก แท็ก
- วิธีเพิ่มแท็ก ให้คลิกใหม่
- ตั้งชื่อแท็กและกําหนดค่า:
- การกําหนดค่าแท็ก: เลือกประเภทแท็กที่ต้องการจัดการ Google Tag Manager รองรับแท็กสําหรับผลิตภัณฑ์ของ Google และแท็กจากบุคคลที่สาม หากต้องการความช่วยเหลือเพิ่มเติมเกี่ยวกับการตั้งค่าแท็กจากผลิตภัณฑ์ของ Google โปรดดูคําแนะนําเกี่ยวกับ Google Tag Manager
หากไม่มีประเภทแท็กที่ตรงกัน คุณสร้างแท็ก HTML หรือแท็กรูปภาพที่กําหนดเองได้ - ทริกเกอร์: ทริกเกอร์จะควบคุมว่าแท็กหน้าเว็บจะเริ่มทํางานหรือถูกบล็อกหรือไม่ ดูข้อมูลเพิ่มเติมเกี่ยวกับทริกเกอร์
- การกําหนดค่าแท็ก: เลือกประเภทแท็กที่ต้องการจัดการ Google Tag Manager รองรับแท็กสําหรับผลิตภัณฑ์ของ Google และแท็กจากบุคคลที่สาม หากต้องการความช่วยเหลือเพิ่มเติมเกี่ยวกับการตั้งค่าแท็กจากผลิตภัณฑ์ของ Google โปรดดูคําแนะนําเกี่ยวกับ Google Tag Manager
- ไม่บังคับ: เพิ่มโน้ตลงในการกําหนดค่าเพื่อใช้อ้างอิงในภายหลัง หากต้องการเพิ่มโน้ต ให้คลิกเมนูการทํางานเพิ่มเติม แล้วเลือกแสดงโน้ต
- คลิกบันทึกและสร้างแท็กเพิ่มเติมตามต้องการ
4. ยืนยันว่าแท็กใช้งานได้
หลังจากที่เพิ่มแท็กแล้ว ให้ตรวจสอบว่าแท็กทํางานตามที่ต้องการ วิธียืนยันการตั้งค่าแท็ก:
- คลิกปุ่มแสดงตัวอย่าง เปิดตัวผู้ช่วยแท็กของ Google ในแท็บใหม่
- ป้อน URL ของเว็บไซต์ที่ติดตั้งคอนเทนเนอร์ Tag Manager หากมีข้อผิดพลาด ให้เริ่มแก้ไขข้อบกพร่องด้วยผู้ช่วยแท็ก
- หากต้องการแก้ไขแท็ก ให้คลิกชื่อแท็กเพื่อเปลี่ยนการตั้งค่า ตัวอย่างเช่น เมื่อแท็กเริ่มทํางานหลังจากที่โหลดหน้าเว็บแล้ว แต่คุณต้องการให้แท็กเริ่มทํางานเมื่อมีคนคลิกปุ่ม ให้อัปเดตทริกเกอร์
- บันทึกแท็กที่คุณเปลี่ยนแปลงและตรวจสอบว่าปัญหาได้รับการแก้ไขแล้วโดยการเปิดโหมดแสดงตัวอย่างอีกครั้ง
5. นำแท็กไปใช้จริง
เมื่อแท็กทํางานตามที่ต้องการ ให้นำแท็กไปใช้จริง
วิธีนำพื้นที่ทำงานปัจจุบันไปใช้จริง:
- คลิกส่งที่ด้านขวาบนของหน้าจอ หน้าจอส่งการเปลี่ยนแปลงจะปรากฏขึ้น พร้อมด้วยตัวเลือกสำหรับนำคอนเทนเนอร์ไปใช้จริงและบันทึกเวอร์ชันของคอนเทนเนอร์
- เลือกนำไปใช้จริงและสร้างเวอร์ชันหากระบบไม่ได้เลือกไว้อยู่แล้ว
- ตรวจสอบส่วนการเปลี่ยนแปลงพื้นที่ทำงานเพื่อดูว่าการกำหนดค่าปรากฏตามที่คาดไว้หรือไม่
- ป้อนชื่อเวอร์ชันและคำอธิบายเวอร์ชัน
- คลิกนำไปใช้จริง