การกำหนดค่าและติดตั้งตัวจัดการแท็ก Google Tag Manager: การติดตาม Conversion บนลิงก์ Affiliate การกำหนดค่าทริกเกอร์เพื่อติดตาม Conversion บนลิงก์เฉพาะ ในกรณีของเรา Affiliate

สวัสดีทุกคน! วันนี้เราจะมาพูดถึง ตัวจัดการแท็กของ Googleและดูว่าคุณจะปรับแต่งด้วยเครื่องมือนี้ได้อย่างไร ตัวจัดการแท็กของ Google ช่วยให้คุณอัปเดตแท็กและข้อมูลโค้ดบนเว็บไซต์หรือแอปของคุณได้อย่างรวดเร็ว พูดง่ายๆ ก็คือ คุณปรับแต่งได้ เมื่อใดและข้อมูลอะไรคุณต้องการส่งไปยัง Google Analytics เป็นต้น

ก่อนอื่น มาดูอินเทอร์เฟซกันก่อน ตามลิงค์:https://www.google.ru/tagmanager/

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

พื้นที่ทำงานยังมี 5 แท็บทางด้านซ้าย:

• ภาพรวม
• แท็ก
• ทริกเกอร์
• ตัวแปร
• โฟลเดอร์

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

การติดตั้งโค้ด Google Analytics บนเว็บไซต์

ความสามารถของตัวจัดการแท็กนั้นค่อนข้างกว้างขวาง แต่ในบทความนี้ เราจะพิจารณาเฉพาะงานง่ายๆ เท่านั้น ในการเริ่มต้น เราจะติดตั้ง โค้ด Google Analyticsไปยังเว็บไซต์ของเรา ในการดำเนินการนี้ ไปที่แท็บแท็ก แล้วคลิกปุ่ม "สร้าง" ตั้งชื่อแท็กของเรา และเลือกโค้ด Universal Analytics จากเมนูแบบเลื่อนลง

เพิ่มรหัสติดตามและปล่อยการตั้งค่าที่เหลือไว้ตามเดิม

จากนั้นเราไปที่การเลือกทริกเกอร์ เพราะ เรายังไม่ได้สร้างกฎใหม่ เราจะมีเพียง 1 ทริกเกอร์ "ทุกหน้า" เลือกและคลิก "บันทึก" ที่มุมบนขวา สร้างเสร็จก็ต้องเช็ค แท็กที่เราสร้างทำงานอย่างไรสำหรับสิ่งนี้เราคลิกที่ ลูกศรถัดจากปุ่มเผยแพร่และเลือก "ดูตัวอย่าง" จากเมนูแบบเลื่อนลง

ตอนนี้เราต้องการ (จำเป็นในเบราว์เซอร์เดียวกัน) เพื่อเปิดเว็บไซต์ของเรา ที่ด้านล่างของหน้าจอเราควรเห็น แผง Googleผู้จัดการแท็ก

ภาพหน้าจอแสดงให้เห็นว่ารหัสของเราทำงานอย่างถูกต้อง เหล่านั้น. เมื่อโหลดหน้าเว็บแล้ว ข้อมูลการเยี่ยมชมจะถูกส่งไปยัง Analytics หลังจากที่เราตรวจสอบแล้วว่าแท็กของเราทำงานถูกต้องหรือไม่ เราต้องออก ระบอบการปกครอง ดูตัวอย่าง และเผยแพร่การเปลี่ยนแปลง

การตั้งค่าอัตราตีกลับใน Google Tag Manager

ตอนนี้เราได้ติดตั้งโค้ดการวิเคราะห์บนไซต์แล้ว เราจะกำหนดค่าโค้ดนั้น เผื่อในกรณีที่ฉันขอเตือนคุณว่าโดยปริยายแล้ว การปฏิเสธของนักวิเคราะห์คือการเข้าชมใดๆ ที่ มีการเปลี่ยนเป็นหน้าอื่นของเว็บไซต์หรือเหตุการณ์ที่ไม่ได้บันทึกไว้ ในเวลาเดียวกัน เวลาที่ใช้บนไซต์ไม่ส่งผลต่อตัวบ่งชี้นี้ แต่อย่างใด สำหรับการเปรียบเทียบ ในยานเดกซ์ การปฏิเสธคือการเข้าชมที่ใช้เวลาน้อยกว่า 15 วินาที โดยไม่มีการเปลี่ยนภาพและการกระทำที่เป็นประโยชน์ ตอนนี้เราจะมาดูวิธีตั้งค่าอัตราตีกลับอย่างรวดเร็วด้วย ใช้ googleผู้จัดการแท็ก ในการดำเนินการนี้ เราต้องตั้งค่าการส่งเหตุการณ์ไปยัง Google Analytics หลังจากผ่านไประยะหนึ่ง (สมมติว่าจะใช้เวลา 15 วินาที) ขั้นแรก มาสร้างทริกเกอร์กัน ไปที่แท็บทริกเกอร์แล้วคลิกปุ่ม "สร้าง" จากนั้นให้ตั้งชื่อทริกเกอร์และเลือกประเภท - ตัวจับเวลา

ตอนนี้ เราต้องตั้งค่าช่วงเวลาเป็น 15,000 (เนื่องจากเป็นมิลลิวินาที) ตั้งค่าขีดจำกัดเป็น 1 (จำนวนครั้งที่เป้าหมายสามารถแก้ไขได้ต่อการเข้าชมหนึ่งครั้ง) ในเงื่อนไขทริกเกอร์ ให้ตั้งค่า URL ของหน้า และ "มี" โดเมนของเว็บไซต์ของคุณ เราเลือก "ตัวจับเวลาทั้งหมด" เพื่อให้ทริกเกอร์ทำงานในทุกหน้า

คลิก "บันทึก" และไปที่แท็บแท็ก เราสร้างแท็ก Universal Analytics ตั้งชื่อ เพิ่มรหัสติดตาม เลือกประเภทการติดตาม - "เหตุการณ์" นอกจากนี้ เรากรอก "หมวดหมู่" และ "การกระทำ" คุณสามารถทำสิ่งนี้ได้ตามอำเภอใจตั้งแต่ เราจะไม่ใช้ข้อมูลนี้ เราต้องการข้อเท็จจริงในการส่งข้อมูล จากนั้น ต้องตั้งค่ารายการ "ไม่มีการโต้ตอบ" เป็น "เท็จ"

หลังจากนั้น จากรายการทริกเกอร์ ให้เลือกรายการที่เราสร้างขึ้นแล้วคลิกบันทึก

เรามีแท็กใหม่พร้อมแล้วและเราจำเป็นต้องทดสอบอีกครั้ง เราไปที่โหมดแสดงตัวอย่างไปที่ไซต์รอ 15 วินาที เป็นผลให้เราควรเห็น 2 แท็ก

เรากลับไปที่ตัวจัดการแท็ก ออกจากโหมดแสดงตัวอย่างและเผยแพร่การอัปเดต การอัปเดตทุกเวอร์ชันจะถูกบันทึกไว้ในตัวจัดการแท็ก และหากจำเป็น คุณสามารถ ย้อนกลับไปยัง รุ่นก่อนหน้า ... ฉันคิดว่าข้อมูลนี้เพียงพอที่จะเริ่มต้นใช้งานตัวจัดการแท็ก ขอให้โชคดี!

สวัสดีตอนบ่ายผู้อ่านและแขก ในบทความนี้ เราจะมาเรียนรู้วิธีกำหนดค่า Google Tag Manager เพื่อติดตามการแปลงบนลิงค์พันธมิตรใน Yandex Metrika และ Google Analitics

ความคิดในการเขียนเกิดขึ้นจากการที่ฉันติดตั้งแบนเนอร์บนบล็อกของฉันพร้อมลิงค์พันธมิตรที่นำไปสู่การโฮสต์ . และฉันเริ่มสนใจว่าผู้เยี่ยมชมไซต์ของฉันคนใดบ้างที่ติดตามลิงก์นี้ นั่นคือ ฉันต้องการกำหนดเป้าหมายใน Yandex Metrika และ Google Analytics ในลักษณะที่สะท้อนการเปลี่ยนแปลงจากแบนเนอร์

ในบล็อกของฉัน การวิเคราะห์ได้รับการติดตั้งผ่าน Google Tag Manager (Google Tag Manager หรือ GTM) ในการค้นหาเบาะแสเกี่ยวกับการตั้งค่าที่เหมาะสมที่ต้องทำใน GTM ฉันค้นหารูนทั้งหมด แต่ไม่พบคำตอบ และฉันพบมันจากคนอเมริกัน ชื่อของเขาคือ Julian Juenemann ขออภัยทรัพยากร https://measureschool.comซึ่งผู้เขียนอ้างถึงที่ ช่วงเวลานี้ไม่สามารถใช้ได้

Google Tag Manager - คืออะไร?

ฉันไม่คิดว่าจำเป็นต้องพูดถึงรายละเอียดเกี่ยวกับสิ่งที่ Google Tag Manager คืออะไรในบทความนี้ มีเนื้อหาที่เกี่ยวข้องเพียงพอในหัวข้อนี้บนอินเทอร์เน็ต

แต่การพูด ภาษาง่ายๆจากนั้น GTM สามารถแสดงเป็นคอนเทนเนอร์ชนิดหนึ่ง ซึ่งเป็นความจุที่เราติดตั้งบนไซต์ของเราในรูปแบบโค้ด HTML และในภาชนะนี้แล้ว เราสามารถใส่อะไรก็ได้ที่เราต้องการ ตัวอย่างเช่น ตั้งค่าตัวนับสำหรับสถิติใด ๆ ไม่ว่าจะเป็น Yandex Metrica หรือ Google Analytics เป็นต้น ตั้งค่าการติดตามการแปลง เครื่องมือวัด Conversion และอื่นๆ อีกมากมาย

สิ่งต่างๆ มีประโยชน์มาก โดยเฉพาะอย่างยิ่งหากคุณกำลังทำงานกับบริการลูกค้าที่คุณไม่มีสิทธิ์เข้าถึง FTP การขอให้โปรแกรมเมอร์ติดตั้งคอนเทนเนอร์นี้บนไซต์เพียงครั้งเดียวก็เพียงพอแล้ว และไม่จำเป็นต้องทรมานเพื่อนร่วมงานด้วยงานด้านเทคนิคอีกต่อไป และไม่ต้องเสียเวลาหลายวันรอให้เขาทำงานให้เสร็จดังที่เคยทำมาหลายครั้งในการปฏิบัติของผม ฉันไม่ต้องการรุกรานโปรแกรมเมอร์ พวกเขายุ่งมากและคุณต้องเข้าใจพวกเขาด้วย แต่เวลาคือเงิน!

ส่วนที่ใช้งานได้จริง วิธีติดตามคอนเวอร์ชั่นบนลิงค์พันธมิตร กำลังกำหนดค่า Google Tag Manager.

เพื่อแสดงการตั้งค่า ฉันได้สร้างไซต์ทดสอบซึ่งฉันติดตั้งแบนเนอร์ที่นำไปสู่ไซต์ของพันธมิตร เราจะตั้งค่าการติดตามการเปลี่ยนแปลงบนแบนเนอร์ด้านล่างโดยใช้ Google Tag Manager เราจะเห็นการเปลี่ยนแปลงใน Yandex Metrika และ Google Analytics

การตั้งค่าทริกเกอร์เพื่อติดตามการคลิกทั้งหมด

การดำเนินการนี้จะทำให้เราสามารถติดตามทุกอย่างได้ สมบูรณ์แบบคลิกบนเว็บไซต์โดยไม่มีข้อยกเว้น

1. ในอินเทอร์เฟซของ Google Tag Manager ให้ไปที่แท็บทริกเกอร์
2. ประเภททริกเกอร์ - "ลิงก์เท่านั้น"
3. ทริกเกอร์เปิดใช้งานในทุกหน้า: "การคลิกลิงก์ทั้งหมด"
4. เราเขียนชื่อ เช่น "คลิกที่ลิงก์"

ข้าว. 1

เราตั้งค่าทริกเกอร์เพื่อติดตาม Conversion บนลิงก์เฉพาะ ในกรณีของเราคือ Affiliate

1. ไปที่แท็บ "ทริกเกอร์" อีกครั้ง
2. ประเภททริกเกอร์ - "คลิกเท่านั้น"
3. จากนั้นเลือกช่องทำเครื่องหมาย "รอแท็ก" และ "ตรวจหาข้อผิดพลาด"
4. เรากำหนดเงื่อนไขที่จะเปิดใช้งานทริกเกอร์ของเรา ขั้นแรก เราระบุเส้นทาง (โดเมน) ของไซต์ของเรา - ทริกเกอร์จะถูกทริกเกอร์ในทุกหน้าของไซต์ เงื่อนไขที่สองคือทริกเกอร์ของเราจะเปิดใช้งานก็ต่อเมื่อคุณคลิกลิงก์เฉพาะ นั่นคือลิงก์ของพันธมิตร ดูรูปที่ 2.

ข้าว. 2

การกำหนดค่า Google Tag Manager เพื่อติดตามเหตุการณ์ใน Google Analytics

เรากำหนดค่าเครื่องมือ "แท็ก" เพื่อให้การดำเนินการที่เสร็จสมบูรณ์ - การคลิกที่ลิงก์พันธมิตร - แสดงใน Google Analytics ควรติดตั้งโค้ด GA บนไซต์ของคุณแล้ว

1. ประเภทแท็กคือ Universal Analytics
2. ประเภทการติดตาม - "เหตุการณ์"
3. พารามิเตอร์เหตุการณ์ที่ติดตาม: "หมวดหมู่" - ตัวอย่างเช่น ลิงค์พันธมิตร; "การดำเนินการ" - คลิก URL; "ป้ายกำกับ" - เส้นทางหน้า
4. ในการตั้งค่า Google Analytics กำหนดรหัสติดตาม (รหัส GA)
5. และสุดท้าย เพิ่มทริกเกอร์ "คลิกที่แบนเนอร์" ที่สร้างไว้ก่อนหน้านี้ ดูรูปที่ 3.

ข้าว. 3

ยังคงต้องเผยแพร่การตั้งค่าเพื่อให้มีผลใช้งาน ผลลัพธ์ของเราคือความสามารถในการติดตามการเปลี่ยนแปลงที่เกิดขึ้นกับลิงก์พันธมิตรใน Google Analytics และหากตอนนี้เราคลิกที่แบนเนอร์ของพันธมิตรที่โพสต์ เหตุการณ์ที่เกี่ยวข้องจะแสดงใน Analytics ดูรูปที่ 4.

ข้าว. 4

วิธีกำหนดค่า Google Tag Manager เพื่อติดตาม Conversion ใน Yandex Metrica ฉันตัดสินใจเขียนในส่วนที่สองของบทความ - "Google Tag Manager: การติดตาม Conversion บนลิงก์ Affiliate ตอนที่ 2". เพื่อขจัดคำถามเกี่ยวกับการตั้งค่าทั้งหมดที่เกิดขึ้น ฉันได้บันทึกวิดีโอไว้ให้คุณแล้ว โบนัสเล็กน้อยรอคุณอยู่ในวิดีโอ - ฉันแสดงวิธีตั้งเป้าหมายใน Google Analytics สำหรับกิจกรรมของเรา

ฉันอยู่กับคุณ Yulia Khairetdinova

สวัสดีเพื่อนรัก!

จำได้ไหมว่าเราตั้งค่าตัวนับ Metrica จากนั้นตัวนับ Google Analytics เข้าไปในโค้ดของไซต์เพื่อวาง สำหรับคนที่ไม่รู้ HTML อย่างสมบูรณ์ สิ่งนี้ทำให้เกิดปัญหาอย่างมาก เพราะคุณไม่สามารถเข้าใจได้ทันทีว่าแท็กอยู่ที่ไหนหรือ ... สำหรับสิ่งนี้จำเป็นต้องมีความรู้บางอย่าง ด้วยเหตุผลนี้ เจ้าของเว็บไซต์ส่วนใหญ่จึงมอบความไว้วางใจให้ผู้ดูแลเว็บหรือโปรแกรมเมอร์ติดตั้งเคาน์เตอร์ หรือแม้แต่จ่ายเงินสำหรับการติดตั้งนั้น จริง เล็กแต่ยังเงิน และคุณต้องร่างงานด้านเทคนิค (งานด้านเทคนิค) ซึ่งใช้เวลาพอสมควร

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

การตั้งค่า Google Tag Manager จะใช้เวลาสักครู่ แต่ในอนาคต เครื่องมือนี้จะชดใช้เวลาที่คุณใช้ในการตั้งค่า นอกจากการตั้งค่าแล้ว ฉันจะบอกวิธีติดตั้งตัวนับ Metrica, Analytics และ Adwords บนเว็บไซต์โดยไม่ต้องรวบรวมข้อมูลจากภายใน

เริ่มกันเลย

อย่าลืมอ่าน:

เริ่มต้นใช้งาน Google Tag Manager

ฉันคิดว่าคนส่วนใหญ่ที่อ่านบทแนะนำนี้มีบัญชี Google คุณสามารถคลิกที่ “เข้าสู่ระบบบัญชีของคุณ” ที่มุมขวาบนได้ทันที สำหรับผู้ที่ไม่มีบัญชีให้ลงทะเบียน

ดังนั้น คุณต้องสร้างบัญชีในเครื่องจัดการแท็กโดยตรง ในการทำเช่นนี้คุณต้องกรอกแบบฟอร์มเล็ก ๆ :

ตั้งชื่อบัญชีของคุณแล้วคลิกถัดไป ในขั้นตอนต่อไป คุณต้องระบุการตั้งค่าคอนเทนเนอร์ กล่าวคือที่อยู่ไซต์และสถานที่ที่จะใช้คอนเทนเนอร์ เนื่องจากเรากำลังทำงานกับไซต์ เราจึงเลือก "เว็บไซต์":

และคลิกที่ปุ่ม "สร้าง" จากนั้น Google เสนอให้ยอมรับข้อตกลง โดยธรรมชาติแล้วเราจะยอมรับ:

ทันทีที่เราสร้างบัญชี หน้าต่างจะปรากฏขึ้นพร้อมกับโค้ด Google Tag Manager ต้องติดตั้งหลังแท็กเปิด :

คัดลอกและติดตั้งในทุกหน้าของเว็บไซต์ นี่คือตัวอย่างตำแหน่งที่จะติดตั้งโค้ด:

รหัส Google Tag Manager

หากคุณไม่เข้าใจ คุณจะต้องหันไปใช้บริการของเว็บมาสเตอร์ แต่เชื่อฉันเถอะ หลังจากนั้นคุณจะไม่ค่อยหันไปหาเว็บมาสเตอร์ในเรื่องเล็ก ๆ น้อย ๆ

คำศัพท์ Google Tag Manager

เพื่อที่จะชี้แจงประเด็นต่างๆ ให้กระจ่าง และในขณะเดียวกันก็ระบุถึงความจำเป็นทั้งหมดสำหรับการทำงานกับเครื่องจัดการแท็ก ฉันจึงตัดสินใจให้รายการคำศัพท์พื้นฐานเล็กๆ น้อยๆ ดังนั้น:

• คอนเทนเนอร์คือโค้ด JavaScript ที่ต้องแทรกลงในทุกหน้า ซึ่งจะรวมโค้ดทั้งหมดที่เราติดตั้งโดยใช้เครื่องจัดการแท็ก
• แท็กคือโค้ดของ Google Analytics หรือตัวนับ Metrica โดยตรง
• ทริกเกอร์คือเงื่อนไขที่เปิดใช้งานแท็กเมื่อดำเนินการ

การติดตั้งตัวนับ Google Analytics

สำหรับหลายๆ คน การตั้งค่า Google Tag Manager เริ่มต้นด้วยการติดตั้งตัวนับ Analytics เราก็ไม่มีข้อยกเว้น ดังนั้น:

ด้วยวิธีง่ายๆ เราได้ติดตั้งตัวนับ Google Analytics อย่างที่คุณเห็นนี่ไม่ใช่เรื่องยาก

การติดตั้งเคาน์เตอร์ Metrica

การตั้งค่าตัวนับ Metrica นั้นง่ายยิ่งขึ้น เรายังสร้างแท็กและเมื่อเลือกประเภทแท็ก ให้เลือก "HTML ที่กำหนดเอง":

จากนั้นเราก็วางโค้ด Metrica ลงในฟิลด์ HTML:

กำหนดทริกเกอร์ "ทุกหน้า" เดียวกัน ตั้งชื่อและบันทึก นั่นคือทั้งหมด ตอนนี้เรามีสองเคาน์เตอร์ในคอนเทนเนอร์เดียว:

วันนี้คุณได้เรียนรู้วิธียกเลิกการโหลดหน้าไซต์ของคุณจากโค้ดที่ไม่จำเป็น คุณสามารถลบรหัสตัวนับและปล่อยให้มีเพียงรหัส Google Tag Manager

อย่างที่คุณเห็น การตั้งค่า Google Tag Manager ใช้เวลาเพียงไม่กี่นาที

แค่นี้ก่อนนะเพื่อนรัก พบกันเร็ว ๆ นี้!

อย่าลืมสมัครรับข้อมูลอัปเดตบล็อก

SEOnews ได้เปิดตัวโครงการสำหรับมืออาชีพและลูกค้า ซึ่งเจ้าหน้าที่กองบรรณาธิการเผยแพร่เอกสารการฝึกอบรมจากหน่วยงานชั้นนำในตลาด ด้วยเหตุนี้ เราจึงวางแผนที่จะเผยแพร่คู่มืออิเล็กทรอนิกส์ที่ครบถ้วน มีประโยชน์ในทางปฏิบัติ และมีความเกี่ยวข้อง

***

Google Tag Manager คืออะไรและใช้งานอย่างไร

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

ในการทำการตลาดทางอินเทอร์เน็ต บ่อยครั้งจำเป็นต้องเพิ่ม เปลี่ยนแปลง และแก้ไขสคริปต์ต่างๆ ติดตั้งการติดตามการกระทำของผู้ใช้ ฯลฯ หากการใช้แท็กไม่ได้รับการจัดการที่ดี อาจทำให้เกิดปัญหามากมายและใช้เวลานานในการติดตั้ง รหัสจำนวนมากทำให้ไซต์ช้าลง แท็กที่ตั้งค่ามากเกินไปหรือไม่ถูกต้องอาจทำให้ผลลัพธ์บิดเบือน มีค่าใช้จ่ายที่ไม่จำเป็น และขัดขวางการรวบรวมข้อมูลที่สำคัญ และการเปลี่ยนแปลงอีกครั้งหลังจากข้อผิดพลาดของโปรแกรมเมอร์จะทำให้เวลาที่คุณสามารถเริ่มการวิเคราะห์ล่าช้าเท่านั้น สุดท้าย การเพิ่มแท็กใหม่อาจใช้เวลานานอันมีค่าจากผู้เชี่ยวชาญด้านไอทีหรือผู้ดูแลเว็บ ซึ่งทำให้โปรแกรมการตลาดที่สำคัญล่าช้า ในขณะนี้ มีหลายทางเลือกในการแก้ปัญหาที่เกี่ยวข้องกับเรื่องนี้ วันนี้เราจะมาพูดถึง Google Tag Manager

Google Tag Manager คืออะไร

เครื่องจัดการแท็กคือโซลูชันจาก Google ที่ให้คุณวางสคริปต์บนหน้าเว็บไซต์ได้โดยไม่รบกวนโค้ดของมันโดยตรง GTM ทำให้สามารถเพิ่มและอัปเดตสคริปต์ได้โดยตรงผ่านอินเทอร์เฟซเว็บ รวมทั้งตั้งกฎสำหรับการเปิดใช้งานสคริปต์เหล่านี้ Google Tag Manager นั้นเรียบง่าย เชื่อถือได้และ เครื่องมือฟรี... ช่วยให้นักการตลาดมีความยืดหยุ่นในขณะที่ให้เว็บมาสเตอร์สามารถมุ่งเน้นไปที่งานที่สำคัญที่สุดโดยไม่ต้องกังวลเกี่ยวกับสิ่งเล็กน้อย นี่คือโซลูชันสำหรับนักการตลาดที่มีอินเทอร์เฟซเดียวสำหรับจัดการแท็กทั้งหมดบนไซต์

โครงสร้าง GTM

• บัญชีเป็นที่ที่คุณสามารถจัดการคอนเทนเนอร์ของคุณได้
• คอนเทนเนอร์เป็นส่วนหลักและโค้ดเดียวของ JS ที่เราแทรกลงในทุกหน้าของไซต์ โดยพื้นฐานแล้วมันคือแท็ก แต่หน้าที่ของมันคือทำหน้าที่เป็นคอนเทนเนอร์สำหรับแท็กทั้งหมด
• แท็กคือโค้ดเว็บไซต์เล็กๆ ที่ให้คุณติดตามการเข้าชมและพฤติกรรมของผู้เยี่ยมชม วิเคราะห์ประสิทธิภาพของการโฆษณาบนเว็บไซต์และใน สังคมออนไลน์ใช้เครื่องมือรีมาร์เก็ตติ้งและกำหนดเป้าหมายผู้ชม ทดสอบและปรับปรุงไซต์ของคุณ และทำงานที่มีประโยชน์อื่นๆ อีกมากมาย
• ทริกเกอร์เป็นตัวกำหนดว่าแท็กจะถูกดำเนินการหรือบล็อกภายใต้สถานการณ์ใด
• ตัวแปรคือคู่ของชื่อ/ค่าที่ส่งผ่านค่าระหว่างการดำเนินการ ใช้สำหรับทั้งตัวแปรที่กำหนดเองและเพื่อกำหนดเงื่อนไขที่แท็กจะถูกเรียกใช้

สร้างและติดตั้ง

สิ่งแรกที่ต้องทำคือเข้าสู่ระบบภายใต้ที่มีอยู่ บัญชี Googleใน google tag manager หากไม่มี ให้สร้างใหม่

วี ตัวอย่างนี้ฉันจะใช้คอนเทนเนอร์เวอร์ชันเว็บ

เราเห็นด้วยกับข้อตกลงใบอนุญาต

นอกจากนี้ อินเทอร์เฟซจะแสดงโค้ด ซึ่งตามคำแนะนำของ Google ควรวางไว้บนทุกหน้าของไซต์หลังแท็ก ... ในอนาคตสามารถดูได้ในแท็บผู้ดูแลระบบ -> ติดตั้ง Google Tag Manager

นั่นคือทั้งหมดที่ กำลังติดตั้ง Googleเครื่องจัดการแท็กเสร็จแล้ว คุณต้องไปที่การกำหนดค่าแท็กและทริกเกอร์โดยตรง

โครงสร้าง. ใช้อย่างไรและอย่างไร. ความเป็นไปได้

มาดูอินเทอร์เฟซทั่วไปของโปรแกรมกันดีกว่า

องค์ประกอบอินเทอร์เฟซ

1 - องค์ประกอบการค้นหาที่จะช่วยให้คุณค้นหาแท็ก ทริกเกอร์ หรือตัวแปรตามชื่อได้อย่างรวดเร็ว

2 - ภาพรวมสถานะบัญชี

3 - เรียกรายการแท็ก

4 - รายการกฎ

5 - รายการตัวแปรบิวท์อินและกำหนดโดยผู้ใช้

6 - สร้างโฟลเดอร์เพื่อจัดโครงสร้างแท็ก ทริกเกอร์ และตัวแปร

7 - เข้าถึงอย่างรวดเร็วเพื่อสร้างแท็กใหม่

8 - สร้างโน้ต

9 - สถานะบัญชี จำนวนแท็ก ทริกเกอร์และตัวแปร และสถานะ (เผยแพร่หรือไม่เผยแพร่)

10 - ประวัติการเปลี่ยนแปลงเนื้อหาของคอนเทนเนอร์

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

เราจะพูดถึงการสร้าง Tag เองด้านล่างเล็กน้อยเพราะ ในการกำหนดค่าภายใน คุณต้องมีความรู้เล็กน้อยเกี่ยวกับสิ่งที่สามารถใช้เป็นกฎสำหรับการทริกเกอร์แท็กและข้อมูลที่เราดำเนินการได้ในการตั้งค่า

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

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

ชื่อ -> ประเภท -> การตั้งค่า -> กฎ

ไม่มีกฎทริกเกอร์สำหรับตัวแปร ค่าจะได้รับการยอมรับในทุกหน้าของเว็บไซต์ หากไม่ได้กำหนดค่าไว้ คีย์จะถูกกำหนดแบบไม่ระบุ

ขั้นแรก มาดูขั้นตอนการสร้างทริกเกอร์และตัวแปรกัน

ไปที่แท็บทริกเกอร์แล้วคลิกใหม่ ถัดไป คุณต้องสร้างชื่อ (หากไม่ป้อน จะมีการแจ้งเตือนเมื่อบันทึก ซึ่งคุณสามารถป้อนชื่อที่ชัดเจนสำหรับทริกเกอร์) และเลือกประเภทของทริกเกอร์

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

การดูหน้าเว็บเป็นทริกเกอร์ที่ทำให้สามารถเรียกใช้แท็กได้เมื่อโหลดหน้าบางหน้า โหลดหน้าต่าง (ที่ 3 ขั้นตอนใน GTM) หรือภายใต้เงื่อนไขเพิ่มเติมที่สามารถเลือกได้จากรายการ

ถัดไป คุณต้องตั้งกฎสำหรับทริกเกอร์นี้ - อาจมี 2 ตัวเลือก - การดูหน้าเว็บทั้งหมดหรือเพื่อการปรับแต่งการดูหน้าเว็บบางรายการที่มีความยืดหยุ่นมากขึ้น ซึ่งคุณสามารถระบุหน้าหรือพารามิเตอร์เฉพาะที่จะเรียกทริกเกอร์เมื่อโหลดหน้าเว็บ .

ทริกเกอร์ประเภทถัดไปคือคลิก ใช้สำหรับฟังการคลิก 2 ประเภท - All Elements และ Just Links ตามกฎแล้ว คุณสามารถใช้องค์ประกอบทั้งหมดเพื่อฟังการคลิกทั้งหมดได้ แต่สิ่งนี้นำไปสู่ความต้องการการตั้งค่าเฉพาะมากขึ้นที่เวที Fire On เมื่อเปรียบเทียบกับการดูหน้าเว็บ คุณสามารถสร้างเงื่อนไขที่ทริกเกอร์จะเริ่มทำงาน ในการใช้เงื่อนไขเหล่านี้ คุณต้องเปิดใช้งานตัวบ่งชี้บนแท็บตัวแปรที่อ้างอิงถึงการคลิก (ต่อไปนี้สำหรับฟอร์มและประวัติ)

หลังจากนั้นในรายการพารามิเตอร์ทริกเกอร์ คุณสามารถเลือก id, คลาส, ข้อความและพารามิเตอร์อื่น ๆ ที่ต้องนำมาพิจารณา

หากไม่มีตัวแปรบิวท์อินที่จำเป็น คุณสามารถใช้ตัวแปรที่กำหนดเองได้ ประเภทต่างๆ ได้ มีค่าจากแหล่งที่มาต่างๆ (html, คุกกี้) และสามารถสร้างได้ทั้งบนเว็บไซต์เป็นอาร์เรย์ dataLayer หรือใช้ JavaScript ที่กำหนดเองโดยตรงในอินเทอร์เฟซเครื่องจัดการแท็ก

JavaScript ที่กำหนดเองในรูปแบบของตัวแปรที่กำหนดเองมีความสามารถที่ยอดเยี่ยมอย่างแท้จริงสำหรับนักวิเคราะห์และนักการตลาด - แทบไม่ต้องติดต่อโปรแกรมเมอร์

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

ทริกเกอร์สำหรับการเปลี่ยนแปลงแบบฟอร์มและประวัติจะถูกสร้างขึ้นในลักษณะเดียวกัน

เหตุการณ์ที่กำหนดเองและตัวจับเวลาต้องให้ความสนใจเป็นพิเศษ

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

พร้อมให้คุณใช้งานแล้ว การตั้งค่าพื้นฐานทริกเกอร์และเมตริกใน GTM

การตั้งแท็กสำคัญมากเพราะ วิธีที่คุณเผยแพร่สคริปต์และกฎทริกเกอร์ที่คุณกำหนดจะส่งผลต่อข้อมูลที่แสดงโดยผลิตภัณฑ์ที่ติดตั้ง Google Tag Manager มีผลิตภัณฑ์จำนวนมากที่พร้อมสำหรับการติดตั้งอยู่แล้ว

การติดตั้งตัวนับและแท็กผลิตภัณฑ์ซึ่งมีอยู่ในอินเทอร์เฟซ

คุณสามารถดูรายการแท็กทั้งหมดที่ Google มีให้เมื่อสร้างแท็ก

รายการนี้มีการขยายอย่างต่อเนื่อง แต่ถ้าฟังก์ชันในตัวที่จำเป็นขาดหายไป คุณสามารถใช้ช่องแท็ก HTML ที่กำหนดเองหรือแท็กรูปภาพที่กำหนดเองได้

ในกรณีส่วนใหญ่ วิธีนี้ใช้ได้ผล แต่สำหรับผลิตภัณฑ์พิเศษบางอย่าง คุณจะต้องอ่านคู่มือผู้ขายหรือตรวจสอบรายละเอียดกับฝ่ายสนับสนุน

การสร้างแท็กนั้นเป็นงานเล็กน้อย เราได้พูดถึงขั้นตอนต่างๆ ข้างต้น และสำหรับฟิลด์ สิ่งเหล่านี้มักจะระบุองค์ประกอบของสคริปต์ที่ติดตั้ง (id, ชื่อหรือชื่อเฉพาะในผลิตภัณฑ์ ฯลฯ) ซึ่งสามารถนำมาจากอินเทอร์เฟซของผลิตภัณฑ์ที่ติดตั้ง เมื่อกำหนดแท็กอินไลน์เอง คุณมักจะมีตัวเลือกให้กรอกข้อมูลในฟิลด์เพื่อสร้างพารามิเตอร์เพิ่มเติม ที่นี่คุณสามารถใช้อินดิเคเตอร์ที่เรากล่าวถึงข้างต้นโดยการเลือกอินดิเคเตอร์ที่เหมาะสมจากรายการ นอกจากนี้ยังสามารถเปลี่ยนเมตริกสำหรับผลิตภัณฑ์ได้ หากส่งโดยค่าเริ่มต้น โดยการระบุค่าใหม่

ในการตรวจสอบการทำงานของแท็กที่ตั้งไว้ GTM ได้จัดเตรียมฟังก์ชันการแสดงตัวอย่างและการแก้ไขข้อบกพร่อง

เมื่อคลิกที่ปุ่มนี้และหลังจากไปที่ไซต์ คุณจะเห็นคอนโซลเพิ่มเติมซึ่งจะแสดงแท็กจำนวนหนึ่งที่ทำงานหรือไม่ทำงานบนหน้านี้ คุณยังสามารถดูช่วงเวลาที่แท็กถูกทริกเกอร์ สาเหตุของการทริกเกอร์ (หรือไม่ทริกเกอร์) และตัวบ่งชี้ที่ใช้ เมื่อคุณแน่ใจว่าทุกอย่างทำงานแล้ว ให้คลิกปุ่มเผยแพร่

นักการตลาดหรือนักวิเคราะห์ต้องใช้ Google Tag Manager เมื่อ:

1. นักพัฒนาต้องใช้เวลามากในการติดตั้งหรือทดสอบระบบวิเคราะห์ แต่คุณต้องวิเคราะห์ที่นี่และเดี๋ยวนี้
2. ใช้เวลานานในการตั้งค่ารหัสกำหนดเป้าหมายใหม่ และผู้จัดการต้องการดูผลลัพธ์อยู่แล้ว
3. คุณต้องจัดอีเวนต์เป็นโหลๆ และเขียนงานด้านเทคนิคสำหรับโปรแกรมเมอร์และรบกวนโค้ดนั้น อย่างดีที่สุดก็ใช้เวลาหลายวัน
4. จำเป็นต้องสร้างตัวแปรและเมตริกที่กำหนดเองเพื่อขยายข้อมูลที่วิเคราะห์ ฯลฯ

โดยใช้ตัวอย่าง เราจะวิเคราะห์การติดตั้งโค้ด Google Analytics

อันดับแรก ฉันแนะนำให้คุณสร้างตัวแปรที่กำหนดเองซึ่งสามารถใช้เป็นรหัสพร็อพเพอร์ตี้สำหรับบัญชีของคุณ

ไปที่แท็บ Variables คลิก New แล้วเลือกประเภทตัวแปร Constant

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

ป้อนชื่อแท็ก เลือกผลิตภัณฑ์ที่ต้องการ (หากไม่มีคุณสามารถใช้ HTML ที่กำหนดเองได้) เลือก เวอร์ชัน Google Analytics ในฟิลด์รหัสติดตาม คุณต้องป้อนรหัสบัญชีของคุณ แต่เนื่องจาก ในขั้นตอนก่อนหน้านี้ เราได้สร้างตัวแปรด้วยตัวระบุของเราที่เราระบุ ประเภทแทร็ก - การดูหน้าเว็บโดยค่าเริ่มต้น

ในฟิลด์ การตั้งค่าเพิ่มเติม คุณสามารถป้อนการตั้งค่าเพิ่มเติมที่คุณต้องการใช้

ใช้บ่อยที่สุด:

• ช่อง Fields to Set ใช้เพื่อส่งผ่านพารามิเตอร์ที่ให้ไว้ใน Google Analytics นี่อาจเป็นเพจ (เพื่อสร้างชื่อเพจของคุณเอง) หรือ & uid สำหรับมุมมองด้วย ID ผู้ใช้ ฯลฯ
• มิติข้อมูลที่กำหนดเองและเมตริกที่กำหนดเองใช้เพื่อส่งผ่านตัวแปรและเมตริกที่กำหนดเองไปยัง Google Analytics
• ฟีเจอร์อีคอมเมิร์ซใช้เพื่อปรับแต่งอีคอมเมิร์ซที่เพิ่มประสิทธิภาพ (สำหรับการถ่ายโอนข้อมูลอีคอมเมิร์ซที่เพิ่มประสิทธิภาพ ประเภทแท็กการดูหน้าเว็บจะใช้สำหรับขั้นตอนทั้งหมด! ประเภทแท็กธุรกรรมใช้สำหรับอีคอมเมิร์ซแบบคลาสสิกเท่านั้น)

คลิกสร้างแท็กและทำตามขั้นตอนที่อธิบายไว้ก่อนหน้ากรณี (ดูตัวอย่าง -> เผยแพร่)

ในการกำหนดค่าเหตุการณ์ คุณต้องสร้างแท็กเพิ่มเติมของประเภท Google Analytics และเลือกเหตุการณ์ในฟิลด์ประเภทการติดตาม เรากรอกพารามิเตอร์มาตรฐานและใน Fire On เราสร้างกฎสำหรับส่งเหตุการณ์ (อย่าลืมทำเครื่องหมายตัวแปรที่จำเป็นในแท็บตัวแปร)

งานที่ไม่ได้มาตรฐานแต่ค่อนข้างธรรมดาคือการรับรหัสลูกค้าหรือรหัสลูกค้าของ Google Analytics เป็นตัวแปรที่กำหนดเอง ความต้องการดังกล่าวเกิดขึ้นหากบริษัทต้องการติดตามผู้เยี่ยมชมแต่ละรายแยกกัน หรือส่งข้อมูลใดๆ ผ่านโปรโตคอลการวัดผล

คุณสมบัติของตัวบ่งชี้นี้คือมันถูกเก็บไว้ใน คุ้กกี้ Google Analytics

เราต้อง:

1. สร้างตัวแปรคุกกี้บุคคลที่ 1 ชื่อ “_ga”

2. สร้าง JavaScript ที่กำหนดเองด้วยรหัสต่อไปนี้

var cookie = ((คุกกี้ ga)) แยก (".");

ส่งคืนคุกกี้ + "." + คุกกี้;

console.log ("ไม่พบคุกกี้ Universal Analytics");

และตอนนี้มันทำงานอย่างไร: คุกกี้บุคคลที่หนึ่งชื่อ “_ga” ส่งคืนข้อมูลที่คล้ายกับ GA1.2.475226310.1380715146 ถัดไป JavaScript ที่กำหนดเองจะแยกวิเคราะห์สตริงนี้และส่งคืน cid โดยลบอักขระ 4 ตัวแรก (GA1.2.) ออกจากข้อมูลที่ได้รับและส่งคืนชุดตัวเลข (475226310.1380715146) ซึ่งแสดงรหัสไคลเอ็นต์แบบเต็มของผู้ใช้

ตัวบ่งชี้นี้สามารถใช้เป็นตัวแปรที่กำหนดเองใน Google Analytics ได้ เพียงแค่สร้างใน Google Analytics และเพิ่มลงในแท็กในช่องมิติข้อมูลที่กำหนดเองด้วยพารามิเตอร์เซสชัน และกำหนดค่าการถ่ายโอนพารามิเตอร์นี้จาก GTM ไปยัง GA

โดยที่ Index คือตัวเลขของตัวแปรจาก Google Analytics

นี่เป็นตัวอย่างที่ดีของวิธีรับและใช้ตัวแปรใน Google Tag Manager

โดยสรุป ฉันอยากจะบอกว่า Google Tag Manager เป็นเครื่องมือที่ทรงพลังมากที่สามารถใช้เพื่อให้บรรลุเป้าหมายมากมายโดยไม่ต้องเกี่ยวข้องกับนักพัฒนา: ตั้งแต่การติดตั้งโค้ดและการตั้งค่าระบบการวิเคราะห์ไปจนถึงการทดสอบ A / B และงานที่ซับซ้อนมากขึ้น

เรานำความสนใจของคุณมาให้คุณ คำแนะนำทีละขั้นตอนสำหรับการติดตั้งและกำหนดค่า Google Tag Manager (GTM) ที่นี่เราจะบอกวิธีเชื่อมต่อ Google Analytics และ Yandex Metrica โดยใช้ GTM

Google Tag Manager (GTM) เป็นเครื่องมือมัลติฟังก์ชั่นที่ช่วยให้คุณสามารถเพิ่มลงในเว็บไซต์ของคุณหรือ แอพมือถือแท็กเพื่อวิเคราะห์ทราฟฟิค คอนเวอร์ชั่น และพฤติกรรมผู้ใช้โดยไม่รบกวน แหล่งที่มางาน.

ในบทความนี้ เราจะอธิบายรายละเอียดเกี่ยวกับวิธีสร้างและกำหนดค่า GTM บนไซต์และวิธีเชื่อมต่อ Google Analytics กับ Yandex Metrica โดยไม่รบกวนซอร์สโค้ดของไซต์

ประโยชน์ของ GTM

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

ก่อนดำเนินการติดตั้ง เรามาทำความเข้าใจกับคำจำกัดความกันก่อน:

• คอนเทนเนอร์เป็นโค้ด JS ที่วางอยู่บนทุกหน้าของเว็บไซต์ คอนเทนเนอร์มีข้อมูลเกี่ยวกับแท็กที่ถูกเรียกใช้เนื่องจากการดำเนินการของกฎบางอย่างที่ระบุในทริกเกอร์และตัวแปร
• แท็ก- ส่วนของโค้ดไซต์ที่ให้คุณติดตามการเข้าชมและวิเคราะห์พฤติกรรมของผู้ใช้ การแปลง ฯลฯ (เช่น โค้ด Yandex Metrica)
• กำหนดเวลาที่จะเปิดใช้งานแท็กในคอนเทนเนอร์เว็บ
• ตัวแปรเป็นคู่ชื่อ-ค่าที่ใช้ในทริกเกอร์เป็นเงื่อนไขที่แท็กจะถูกทริกเกอร์

วิธีติดตั้ง Google Tag Manager บนเว็บไซต์

1. ลงทะเบียนบัญชีกับ Google

หากบัญชี Google ของคุณลงทะเบียนแล้วและคุณเข้าสู่ระบบแล้ว ให้ข้ามขั้นตอนนี้ ถ้าไม่เข้าสู่ระบบหรือสร้างบัญชี

2. สร้างบัญชีใน GTM

หลังจากเข้าสู่ระบบ Google แล้ว คุณสามารถสร้างบัญชีใน GTM ได้ ไปที่หน้า Google Tag Manager และคลิกที่ปุ่ม "สร้างบัญชี" จากนั้นป้อนชื่อบัญชีที่คุณประดิษฐ์ขึ้นแล้วคลิกปุ่ม "ถัดไป"

รูปที่ 1

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

รูปที่ 2

รูปที่ 3

3. เพิ่มโค้ดเครื่องจัดการแท็กที่เป็นผลลัพธ์ลงในไซต์

หลังจากที่คุณยอมรับข้อตกลงการใช้งาน หน้าต่างที่มีรหัสจะปรากฏขึ้น

รูปที่ 4

ไฮไลต์และคัดลอกโค้ดไปยังไฟล์ txt หลังจากนั้น คลิกที่ปุ่ม "ตกลง" ที่ด้านล่างสุดของหน้าต่างที่เปิดขึ้น
ถัดไป ในไฟล์เทมเพลตของไซต์ที่คุณมีบล็อก ให้วางโค้ดจากบล็อกบนสุดใกล้กับจุดเริ่มต้นมากที่สุด

รูปที่ 5

ใส่รหัสจากบล็อกด้านล่างโดยตรงหลังแท็กเปิด

รูปที่ 6

หลังจากคุณทำตามขั้นตอนเหล่านี้แล้ว ให้คลิกปุ่ม "เผยแพร่" ในแผง GTM

รูปที่ 7

4. ทดสอบความถูกต้องของการทำงานของ GTM

ต่อไป สิ่งสำคัญคือต้องตรวจสอบว่าคุณทำทุกอย่างถูกต้องหรือไม่ ในการดำเนินการนี้ คุณสามารถใช้ปลั๊กอินบันทึกผู้ช่วยแท็กของ Google เพื่อ เบราว์เซอร์ Chrome... ติดตั้งส่วนขยายนี้โดยไปที่ลิงก์

หลังการติดตั้ง ไอคอนผู้ช่วยแท็กของ Google จะปรากฏในแถบส่วนขยายของเบราว์เซอร์ Chrome - ในการตรวจสอบการทำงานที่ถูกต้องของ GTM ที่ติดตั้งบนไซต์ คุณต้องไปที่ไซต์ของคุณและคลิกที่ไอคอนนี้

รูปที่ 8

จากภาพหน้าจอ เราจะเห็นว่าไอคอนเป็นสีเขียว ซึ่งหมายความว่าการติดตั้งเครื่องจัดการแท็กสำเร็จ หากไอคอนเป็นสีเหลืองหรือสีแดง แสดงว่าแท็กมีข้อผิดพลาด
คำแนะนำของ Google

รูปที่ 9

การเชื่อมต่อ Google Analytics ผ่าน GTM

ตอนนี้ เรามาเชื่อมต่อ Google Analytics ผ่าน GTM กันโดยตรง

1. ลงทะเบียน Google Analytics

หากมีการติดตั้งการวิเคราะห์บนไซต์แล้ว คุณสามารถข้ามรายการนี้ได้ หากไม่ โปรดดูวิธีการลงทะเบียนกับ Google.Analytics และสมัครใช้งาน

บันทึก! หลังจากลงทะเบียนกับ Google.Analytics คุณไม่จำเป็นต้องวางโค้ดบนไซต์ เราต้องการแค่รหัสติดตามของ Google, Analytics เท่านั้นในภายหลัง หาก Google.Analytics ได้รับการลงทะเบียนก่อนหน้านี้และมีการวางโค้ดไว้บนไซต์แล้ว หลังจากที่เชื่อมต่อ Google.Analytics ผ่าน GTM แล้ว โค้ดการวิเคราะห์ที่วางไว้ก่อนหน้านี้จะถูกลบออกได้

2. ลงชื่อเข้าใช้บัญชีที่ลงทะเบียนก่อนหน้านี้ใน GTM และคลิกที่ลิงค์ "เพิ่มแท็กใหม่"

รูปที่ 10

3. เลือกประเภทของแท็ก

ในกรณีนี้ เราต้องการ Universal Analytics

รูปที่ 11

4. ระบุรหัสติดตามของไซต์ใน Google Analytics และประเภทของการติดตาม - "การดูหน้าเว็บ"

รูปที่ 12

คุณสามารถดูรหัสติดตามของพร็อพเพอร์ตี้ได้ในการตั้งค่า Google Analytics

รูปที่ 13

5. ระบุทริกเกอร์ "ทุกหน้า"

หากต้องการทริกเกอร์แท็กในทุกหน้า ให้ระบุทริกเกอร์ "ทุกหน้า"

รูปที่ 14

6. บันทึกข้อมูลที่ป้อน

รูปที่ 15

7. ระบุชื่อแท็กและคลิกที่ปุ่ม "บันทึก"

รูปที่ 16

8. ตรวจสอบว่าแท็กทำงานถูกต้องหรือไม่

ในการดำเนินการนี้ ให้คลิกที่ลูกศรถัดจากปุ่ม "เผยแพร่" และเลือก "ดูตัวอย่าง"

รูปที่ 17

ใน "ดูตัวอย่าง" คอนเทนเนอร์ที่มีการเปลี่ยนแปลงจะมีให้ในเบราว์เซอร์ของคุณเท่านั้น

หากคอนเทนเนอร์ปรากฏใต้บรรทัด "แท็กไม่เริ่มทำงานในหน้านี้" แท็กบนหน้าจะไม่เริ่มทำงาน จำเป็นต้องตรวจสอบการตั้งค่าทั้งหมด และหากจำเป็น ให้แก้ไขข้อผิดพลาดใดๆ

หากคอนเทนเนอร์ปรากฏใต้บรรทัด "แท็กที่เริ่มทำงานในหน้านี้" แสดงว่ามีการติดตั้ง Universal Analytics โดยไม่มีข้อผิดพลาด

รูปที่ 18

9. เผยแพร่ Universal Analytics

รูปที่ 19

ดังนั้นเราจึงเชื่อมต่อ Google Analytics กับไซต์ผ่าน GTM โดยไม่รบกวนซอร์สโค้ดของหน้าเว็บ

การเชื่อมต่อ Yandex Metrics ผ่าน GTM

ในการเชื่อมต่อ Yandex Metrica ให้ทำตามขั้นตอนเดียวกับ Google Analytics แต่เนื่องจากไม่มี Yandex Metrica ใน GTM โดยค่าเริ่มต้น ให้เลือก "HTML ที่กำหนดเอง" เมื่อเลือกผลิตภัณฑ์

รูปที่ 20

เป็นผลให้หน้าต่างที่มีช่องว่างจะปรากฏขึ้น

รูปที่ 21

ในรูปแบบ HTML นี้ คุณต้องแทรกโค้ดสำหรับตัวนับ Metrica ของคุณ

หากมีการติดตั้ง Yandex Metrica บนไซต์แล้ว ให้คัดลอกโค้ดตัวนับจากซอร์สโค้ดของหน้า หากไม่ ตรวจสอบวิธีสร้างและกำหนดค่าตัวนับ Yandex Metrica

บันทึก! เช่นเดียวกับ Google.Analytics คุณไม่จำเป็นต้องวางโค้ดใดๆ บนเว็บไซต์ เมื่อตั้งค่า Yandex Metrica จะต้องคัดลอกโค้ดผลลัพธ์และเพิ่มลงในหน้าต่าง "HTML ที่กำหนดเอง" ซึ่งปรากฏในขั้นตอนก่อนหน้า

รูปที่ 22

ก่อนเผยแพร่ ตรวจสอบความถูกต้องของแท็กโดยคลิกที่ปุ่ม "ดูตัวอย่าง"

รูปที่ 23

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

รูปที่ 24

หลังจากที่เราแน่ใจว่าแท็กทำงานในโหมดเบื้องต้นแล้ว เราคลิก "เผยแพร่"

ดังนั้นเราจึงเชื่อมต่อ Yandex Metrica บนเว็บไซต์โดยไม่รบกวนซอร์สโค้ดของหน้า

หากไซต์ของคุณยังไม่ได้ติดตั้ง GTM คุณสามารถติดตั้งและกำหนดค่าได้โดยทำตามคำแนะนำของเรา และในทางกลับกัน เราจะยังคงเขียนเกี่ยวกับวิธีการวิเคราะห์การเข้าชม การแปลง และพฤติกรรมของผู้ใช้โดยใช้ GTM