บทนำ & ดูเชิงลึกว่า Google Tag Manager ทำงานอย่างไร

เผยแพร่แล้ว: 2018-07-06

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

แท็ก JavaScript ที่ส่วนหลังของหน้าเว็บเป็นสิ่งที่ทำให้นักการตลาดสามารถใช้ประโยชน์จากข้อมูลเกี่ยวกับผู้เยี่ยมชมได้ ลองนึกถึง Meta Pixel หรือเครื่องมือวัด Conversion ของ Google Ads พวกมันมีประโยชน์ แต่การตั้งค่าและบำรุงรักษาด้วยตนเองนั้นน่าเบื่อ การคัดลอก วาง ปรับแต่งบรรทัดเล็กๆ ของโค้ด และตรวจสอบให้แน่ใจว่าโค้ดเหล่านั้นอยู่ในตำแหน่งที่ถูกต้อง เป็นอีกสิ่งหนึ่งที่ต้องกังวล โดยเฉพาะอย่างยิ่งกับแคมเปญและเพจจำนวนมาก นั่นเป็นเหตุผลที่มี Google เครื่องจัดการแท็ก

Google เครื่องจัดการแท็กคืออะไร

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

เหตุใดจึงต้องใช้ Google เครื่องจัดการแท็ก

ทุกซอฟต์แวร์ที่รวมเข้ากับเว็บไซต์ของคุณต้องการพื้นที่ของตัวเองในส่วนหลังของหน้าเว็บของคุณ สำหรับรีมาร์เก็ตติ้ง ฮีตแมป หรือแม้แต่เครื่องมือวัด Conversion แบบธรรมดา JavaScript ทำให้มันทำงานได้ทั้งหมด และยิ่งคุณรวบรวมข้อมูลมากเท่าไหร่ คุณก็ยิ่งต้องกลับไปดูแท็กเหล่านั้นมากขึ้น — เพื่อเพิ่ม อัปเดต และลบแท็กเหล่านั้น Google เครื่องจัดการแท็กทำให้กระบวนการง่ายขึ้น แต่นั่นไม่ใช่เหตุผลเดียวที่จะใช้มัน

ข้อดีของการใช้ Google Tag Manager:

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

ข้อเสียของการใช้ Google Tag Manager:

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

นอกเหนือจากช่วงการเรียนรู้แล้ว Emma Franks ผู้จัดการบัญชีการตลาดดิจิทัลของ Hanapin Marketing กล่าวว่า:

แพลตฟอร์ม PPC ชื่อดังหลายแห่ง (เช่น Facebook, Bing Ads) ใช้ตัวเลือกแท็ก HTML ที่กำหนดเอง เนื่องจาก GTM ไม่มีการผสานรวมแบบเนทีฟสำหรับแพลตฟอร์มเหล่านั้น

วิธีใช้ Google เครื่องจัดการแท็ก

Google Tag Manager มีสามองค์ประกอบ ได้แก่ แท็ก ทริกเกอร์ และตัวแปร

แท็ก

ตัวอย่างแท็ก Google Tag Manager

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

ทริกเกอร์

ทริกเกอร์ตัวอย่าง Google เครื่องจัดการแท็ก

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

ตัวแปร

ตัวแปรตัวอย่าง Google Tag Manager

สิ่งเหล่านี้เป็นเงื่อนไขที่ให้ข้อมูลเพิ่มเติมแก่แท็กที่จำเป็นในการเริ่มทำงาน Google เสนอตัวอย่าง:

สมมติว่าคุณต้องการให้แท็กรีมาร์เก็ตติ้งเริ่มทำงานเมื่อใดก็ตามที่ผู้เข้าชมใช้จ่ายมากกว่า $100 บนไซต์ของคุณ ในการดำเนินการนี้ ให้สร้างทริกเกอร์การดูหน้าเว็บและเพิ่มเงื่อนไขทริกเกอร์นี้:

จำนวนเงินที่ทำธุรกรรมมากกว่า $100

เนื่องจากไม่มีตัวแปร “จำนวนธุรกรรม” คุณจึงต้องกำหนดตัวแปรนั้น คุณจะบอกให้ Google Tag Manager ค้นหาค่าของจำนวนธุรกรรมในตัวแปร JavaScript transactionAmt (สมมติว่าตัวแปร JavaScript นี้แสดงอยู่ในหน้ายืนยันการซื้อของเว็บไซต์ของคุณ)

ในตัวอย่างนี้ เมื่อผู้ใช้ใช้จ่ายเงินกับเว็บไซต์ของคุณ GTM จะประเมินว่าเงินนั้นสูงกว่า $100 หรือไม่ หากเป็นเช่นนั้น ทริกเกอร์รีมาร์เก็ตติ้งจะเริ่มทำงาน

ตู้คอนเทนเนอร์

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

กำลังเตรียมใช้งาน Google Tag Manager

การใช้เครื่องมือใด ๆ ต้องมีการเตรียมตัว สำหรับ Google Tag Manager สิ่งที่คุณจะต้องพิจารณามีดังนี้

ใครจะจัดการบัญชี?

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

จะจัดการอย่างไร?

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

มีใครอีกบ้างที่ต้องเข้าถึง

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

คุณจะใช้ GTM กี่โดเมน

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

คุณศึกษาเกี่ยวกับ Google Tag Manager แล้วหรือยัง

Google Tag Manager ได้รับการขนานนามว่าเป็นเครื่องมือ DIY ที่ใช้งานง่าย แต่ Amanda Gant จาก Orbit Media บอกว่าเข้าใจผิด:

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

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

คุณมีแท็กที่เข้ารหัสด้วยตนเองบนเพจของคุณแล้วหรือยัง?

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

การตั้งค่า Google เครื่องจัดการแท็ก

ในการเริ่มต้นตั้งค่าเครื่องจัดการแท็ก Google สรุปขั้นตอนต่อไปนี้:

สร้างบัญชีและคอนเทนเนอร์ใหม่

การตั้งค่าบัญชี Google เครื่องจัดการแท็ก

  1. ใน Google Tag Manager คลิก "บัญชี" แล้วคลิก "สร้างบัญชี"
  2. ป้อนชื่อบัญชีและเลือกว่าคุณต้องการแบ่งปันข้อมูลโดยไม่ระบุชื่อกับ Google และอื่น ๆ หรือไม่
  3. คลิก “ดำเนินการต่อ”
  4. ป้อนป้ายกำกับคอนเทนเนอร์ที่สื่อความหมายและระบุประเภทเนื้อหาจากเว็บ, AMP, Android หรือ iOS
  5. คลิก “สร้าง”

ติดตั้งคอนเทนเนอร์

ติดตั้ง Google เครื่องจัดการแท็ก

  1. ใน Google เครื่องจัดการแท็ก เลือก “พื้นที่ทำงาน”
  2. ค้นหารหัสคอนเทนเนอร์ของคุณใกล้กับด้านบนสุดของหน้าต่าง โดยมีรูปแบบดังนี้: “ GTM-XXXXXX
  3. คลิกรหัสคอนเทนเนอร์เพื่อเปิดช่อง "ติดตั้งเครื่องจัดการแท็ก"
  4. คัดลอกโค้ดที่สร้างขึ้นและวางลงในเว็บไซต์ของคุณ
  5. ยืนยันหรือแก้ปัญหาการติดตั้งด้วยโหมดแสดงตัวอย่างของเครื่องจัดการแท็กและส่วนขยาย Chrome ของผู้ช่วยแท็ก

เพิ่ม อัปเดต และเผยแพร่แท็ก

เมื่อคุณติดตั้งคอนเทนเนอร์แล้ว คุณสามารถเริ่มเพิ่มแท็กในคอนเทนเนอร์ได้ตามขั้นตอนต่อไปนี้

1. ในเครื่องจัดการแท็ก เลือกบัญชีของคุณ

2. คลิก “แท็ก” จากเมนูการนำทาง

ในการเพิ่มแท็ก: คลิก “ใหม่” เลือกประเภทแท็ก (เช่น เครื่องมือวัด Conversion ของ Google Ads) และระบุทริกเกอร์ว่าแท็กควรเริ่มทำงานเมื่อใด

วิธีแก้ไขแท็ก: คลิกแท็กในรายการและทำการเปลี่ยนแปลงในหน้า "แก้ไขแท็ก"

หากต้องการลบแท็ก: เมื่อคุณอยู่ในหน้า "แก้ไขแท็ก" ให้คลิกเมนูที่มุมขวาบนของหน้าจอแล้วเลือก "ลบ"

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

4. หากทุกอย่างดูดี เพียงคลิก “เผยแพร่” ที่มุมขวาบนของหน้าจอเพื่อเริ่มเผยแพร่การเปลี่ยนแปลงของคุณ

ตัวอย่าง Google เครื่องจัดการแท็ก

พิจารณาสมมติฐานนี้: หากคุณต้องการติดตามคอนเวอร์ชั่น ตั้งค่าอีเมลที่เรียกตามพฤติกรรม แสดงโฆษณาในหน้าใดหน้าหนึ่ง และติดตามทั้งหมดด้วยแพลตฟอร์มการวิเคราะห์ คุณต้องมีแท็กจากโปรแกรมเหล่านั้นทั้งหมดจึงจะทำได้ ด้วย Google Tag Manager สิ่งที่คุณต้องทำคือเพิ่มสิ่งนี้เพียงครั้งเดียว:

Google เครื่องจัดการแท็ก JavaScript

ในท้ายที่สุด มันทำให้การรักษาแท็กสะอาดและง่ายขึ้นมากสำหรับทีมของคุณ

เริ่มสร้างประสบการณ์ผู้ใช้ที่ดีและแข็งแกร่งยิ่งขึ้น

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