สร้างการติดตามกิจกรรมด้วย Google Tag Manager
เผยแพร่แล้ว: 2021-07-19หากคุณกำลังมองหาวิธีง่ายๆ ในการตั้งค่าการติดตามเหตุการณ์เพื่อตรวจสอบ Conversion บนเว็บไซต์ของคุณ คุณอาจต้องการพิจารณาใช้ Google Tag Manager
ในโพสต์นี้ ฉันจะอธิบายเกี่ยวกับ Google Tag Manager แจ้งให้คุณทราบวิธีติดตั้ง และอธิบายวิธีตั้งค่าการติดตามเหตุการณ์ของแบบฟอร์มในไซต์ของคุณ
Google Tag Manager คืออะไร
Google Tag Manager (GTM) เป็นเครื่องมือฟรีที่ช่วยให้ผู้ดูแลเว็บและนักการตลาดเพิ่มและอัปเดตแท็กเว็บไซต์ได้ง่ายขึ้น มีหลายวิธีในการใช้ GTM แต่ธุรกิจส่วนใหญ่ใช้สำหรับการติดตามกิจกรรมเพื่อวัดความสำเร็จของกลยุทธ์การตลาดดิจิทัล สำหรับคำอธิบายเชิงลึกเพิ่มเติมเกี่ยวกับ GTM โปรดดูที่โพสต์บล็อกแนะนำของเรา
เหตุใดจึงต้องใช้ GTM สำหรับการติดตามกิจกรรม
GTM ให้คุณควบคุมแท็กเหตุการณ์ของคุณได้อย่างเต็มที่ คุณสามารถเพิ่มลงในไซต์ของคุณได้โดยไม่ต้องขอให้นักพัฒนาซอฟต์แวร์ทำการฮาร์ดโค้ดใดๆ ซึ่งจะทำให้มีเวลาทำงานในโครงการสำคัญๆ อื่นๆ มากขึ้น
GTM ยังให้คุณแก้ไขและทดสอบการติดตามกิจกรรมของคุณด้วยตัวเอง ซึ่งทำให้กระบวนการง่ายขึ้นมากอย่างเห็นได้ชัด
นอกจากนี้ เราเห็นเว็บไซต์จำนวนมากขึ้นที่สร้างแบบฟอร์มโดยใช้ JavaScript ไซต์เหล่านี้ไม่ได้ใช้ URL ปลายทาง ซึ่งหมายความว่าคุณไม่สามารถใช้เป้าหมายง่ายๆ ใน Analytics ได้ เพื่อให้การจัดการเว็บไซต์ของคุณพิสูจน์ได้ในอนาคต ควรพิจารณาใช้ GTM เป็นความคิดที่ดี
การติดตั้ง GTM
การติดตั้ง GTM นั้นคล้ายกับการตั้งค่า Google Analytics มาก:
- ลงชื่อเข้าใช้ Google Tag Manager โดยใช้บัญชี Google ของคุณ ซึ่งเป็นบัญชีเดียวกับที่คุณใช้สำหรับ Analytics จากนั้นทำตามขั้นตอนบนหน้าจอ:
สร้างบัญชีบน Google Tag Manager - อ่านและยอมรับข้อกำหนดและเงื่อนไข จากนั้นคุณจะได้รับรหัสการติดตั้ง คุณจะต้องเพิ่มโค้ดนี้ลงในทุกหน้าของไซต์ของคุณ ต่อจากแท็กเปิด <body> หากคุณไม่สามารถทำได้ด้วยตัวเอง นักพัฒนาซอฟต์แวร์ของคุณควรสามารถช่วย:
วางโค้ด GTM ลงบนทุกหน้าของเว็บไซต์
แค่นั้นแหละ. คุณได้ตั้งค่า คอนเทนเนอร์เครื่อง จัดการแท็กบนเว็บไซต์ของคุณ ในที่สุดคอนเทนเนอร์นี้จะเก็บแท็กทั้งหมดที่คุณสร้างในแดชบอร์ด GTM
ตอนนี้ฉันจะอธิบายวิธีตั้งค่าการติดตามกิจกรรมโดยใช้ GTM สำหรับสิ่งนี้ คุณจะต้องเปิดใช้งานตัวแปรบิวท์อินหลายตัวภายในเพจ การคลิก และฟอร์ม สิ่งเหล่านี้ไม่ได้เปิดใช้งานโดยค่าเริ่มต้นเมื่อคุณตั้งค่า GTM ดังนั้น ก่อนที่เราจะเริ่มต้น ให้ไปที่ ตัวแปร และตรวจสอบตัวเลือกต่อไปนี้:
แบบฟอร์มการติดตามกิจกรรม
การติดตามการส่งแบบฟอร์มช่วยให้คุณสามารถตรวจสอบเมื่อผู้เยี่ยมชมส่งแบบฟอร์มบนเว็บไซต์ของคุณ ซึ่งอาจเป็นแบบฟอร์มการติดต่อในหน้าติดต่อเรา หรือแบบฟอร์มสอบถามที่ส่วนท้ายของหน้า เกือบทุกเว็บไซต์มีแบบฟอร์ม ดังนั้นนี่จึงเป็นวิธีที่ดีในการทำความเข้าใจกับ Tag Manager
ค่อนข้างง่ายในการตั้งค่าการติดตามเหตุการณ์โดยใช้ GTM เนื่องจากคุณสามารถใช้แท็กที่สร้างไว้แล้วในอินเทอร์เฟซ GTM ความรู้พื้นฐานเกี่ยวกับโค้ด HTML มีประโยชน์ แต่คู่มือนี้จะอธิบายทุกสิ่งที่คุณจำเป็นต้องรู้
ไม่ต้องกังวล เป็นไปไม่ได้ที่จะทำลายเว็บไซต์ของคุณโดยใช้เครื่องจัดการแท็ก และคุณสามารถทดสอบทุกอย่างก่อนที่จะเผยแพร่แท็กของคุณ
เริ่มทำสิ่งนี้กัน!
ขั้นตอนที่ 1 — ระบุ URL
จด URL ที่แบบฟอร์มของคุณเปิดอยู่:
หากคุณมีแบบฟอร์มมากกว่าหนึ่งหน้า เช่น แบบฟอร์มสอบถามในส่วนท้าย คุณเพียงแค่ต้องทราบโดเมน ในกรณีนี้ เรากำลังใช้ hallam.co.uk
ขั้นตอนที่ 2 — ระบุแบบฟอร์ม ID
ค้นหารหัสแบบฟอร์มสำหรับปุ่มส่ง หากคุณกำลังใช้ Google Chrome หรือ Firefox คุณสามารถทำได้โดยคลิกขวาที่แบบฟอร์มและเลือก 'ตรวจสอบองค์ประกอบ' คุณต้องค้นหาแอตทริบิวต์ 'id' ใน <form> นี่คือตัวอย่างที่อาจมีลักษณะดังนี้:
เคล็ดลับ : การกด ctrl + f ภายในตัวตรวจสอบจะทำให้คุณสามารถค้นหาสิ่งต่างๆ ได้
หมายเหตุ : หากไม่มีรหัสเฉพาะสำหรับแบบฟอร์มของคุณ คุณอาจต้องขอให้นักพัฒนาของคุณเพิ่มรหัสใหม่ อย่างไรก็ตาม หากเว็บไซต์ของคุณใช้ปลั๊กอินของแบบฟอร์ม เช่น แบบฟอร์มติดต่อ 7 สำหรับ WordPress คุณสามารถเพิ่มรหัสด้วยตนเองได้
ขั้นตอนที่ 3 — สร้างทริกเกอร์
ใน GTM ให้สร้างทริกเกอร์ใหม่และตั้งชื่อเพื่อให้ง่ายต่อการระบุในภายหลัง บางอย่างเช่น 'ส่งแบบฟอร์มสอบถาม' หรือ 'ส่งแบบฟอร์มหน้าติดต่อ' จะทำ
ภายใต้ เลือกเหตุการณ์ เลือกการส่งแบบฟอร์ม:
คลิกดำเนินการต่อแล้วเลือก 'รอแท็ก' และ 'ตรวจสอบความถูกต้อง' เพื่อให้แน่ใจว่าทริกเกอร์ของคุณเริ่มทำงานสำหรับการส่งแบบฟอร์มที่สำเร็จ (ถูกต้อง):
คลิกดำเนินการต่อและป้อนเส้นทาง URL ที่คุณระบุไว้ก่อนหน้านี้:
หากแบบฟอร์มของคุณอยู่ในหลายหน้า คุณสามารถตั้งค่าทริกเกอร์ให้เริ่มทำงานบนหน้าที่มีโดเมนของคุณ:
คลิกดำเนินการต่อแล้วเลือก 'บางรูปแบบ':
ในการสรุปทริกเกอร์ของคุณ ให้เพิ่มรหัสแบบฟอร์มที่คุณระบุไว้ก่อนหน้านี้ (อย่าใช้รหัสแบบฟอร์มของฉัน!):
คุณได้ระบุเงื่อนไขที่จำเป็นสำหรับทริกเกอร์ของคุณเพื่อเริ่มทำงาน ต่อไปเราจะสร้างแท็ก
ขั้นตอนที่ 4 — สร้างแท็ก
สร้างแท็ก Universal Analytics ใหม่ แท็กนี้จะส่งข้อมูลเหตุการณ์ไปยัง Google Analytics อีกครั้ง ตรวจสอบให้แน่ใจว่าได้ตั้งชื่อที่น่าจดจำ:
เพิ่มรหัสติดตาม Google Analytics ของคุณในฟิลด์ถัดไป:
จากนั้นกรอกประเภทแทร็กเป็นเหตุการณ์ และกำหนดพารามิเตอร์การติดตามของคุณสำหรับหมวดหมู่และป้ายกำกับ:
หากคุณกำลังตั้งค่านี้สำหรับแบบฟอร์มที่พบในหลายหน้า ตามที่ฉันอยู่ในตัวอย่างนี้ ให้คลิกช่องทางด้านขวาของป้ายกำกับและเลือก {{Page Path}} จากเมนูแบบเลื่อนลง เพื่อให้แน่ใจว่าคุณสามารถดูได้ว่าเหตุการณ์การส่งแบบฟอร์มถูกเรียกจากหน้าใดในรายงานเหตุการณ์ Analytics ของคุณ:
ภายใต้ 'Non-Interaction Hit' คุณสามารถเลือก true หรือ false Hit ที่ไม่มีการโต้ตอบเป็นพารามิเตอร์ที่ช่วยให้คุณตัดสินใจได้ว่าเหตุการณ์ที่ทริกเกอร์นั้นส่งผลต่อเมตริก เช่น อัตราตีกลับ หรือไม่ ตัวอย่างเช่น หากคุณมีหน้าที่เล่นวิดีโออัตโนมัติ คุณจะต้องเลือก "จริง" มิฉะนั้น ทุกคนที่เข้าสู่หน้านั้นจะเรียกเหตุการณ์ และอัตราตีกลับจะเป็นศูนย์
สำหรับการติดตามการส่งแบบฟอร์ม ฉันแนะนำให้เลือก 'เท็จ' – โดยเฉพาะอย่างยิ่งหากแบบฟอร์มที่คุณกำลังติดตามอยู่บนหน้า Landing Page ที่ผู้เยี่ยมชมเห็นข้อมูลทั้งหมดที่ต้องการและกรอกในแบบฟอร์มสอบถามของคุณ ท้ายที่สุด แม้ว่าพวกเขาจะไม่ได้ดูหน้าอื่นในเว็บไซต์ของคุณ พวกเขาได้โต้ตอบและดำเนินการตามที่ต้องการเรียบร้อยแล้ว ดังนั้นควรเป็น Hit การโต้ตอบ:
จากนั้นคลิกดำเนินการต่อและเลือก 'เพิ่มเติม' ใต้ 'เริ่มการทำงาน' เลือก 'แบบฟอร์ม' แล้วไปที่ทริกเกอร์ที่คุณสร้างไว้ก่อนหน้านี้:
คลิก 'สร้างแท็ก' และแท็กที่เสร็จแล้วของคุณจะมีลักษณะดังนี้:
ขั้นตอนที่ 5 — ทดสอบ
ไปที่โหมดแสดงตัวอย่างและดีบักเพื่อทดสอบว่าการติดตามกิจกรรมใหม่ของคุณทำงานหรือไม่:
ในเบราว์เซอร์เดียวกัน ให้เปิดแท็บใหม่และไปที่เว็บไซต์ของคุณ โดยที่เครื่องจัดการแท็กจะเปิดโหมดแก้ไขข้อบกพร่องให้คุณ จากที่นี่ คุณสามารถดูตัวอย่างคอนเทนเนอร์ของคุณและจะบอกคุณว่าแท็กใดมีหรือยังไม่ได้เริ่มทำงานบนหน้าเว็บของคุณ:
ในตัวอย่างข้างต้น ไม่มีแท็กใดเริ่มทำงานบนหน้าของฉัน ซึ่งรวมถึงการส่งแบบฟอร์มสอบถาม ตอนนี้ฉันสามารถทดสอบแบบฟอร์มได้โดยตรงบนหน้าเว็บ และดูว่าแท็กที่ถูกต้องย้ายไปที่ 'แท็กที่เริ่มทำงานในหน้านี้' หรือไม่:
ขั้นตอนที่ 6 — เผยแพร่
เมื่อคุณทดสอบแล้วว่าแท็กของคุณใช้งานได้แล้ว ให้กลับไปที่แดชบอร์ด GTM และเผยแพร่เวอร์ชันของคุณ จำไว้ว่า คุณสามารถเปลี่ยนชื่อเวอร์ชันและเปลี่ยนกลับเป็นเวอร์ชันได้หากเวอร์ชันถัดไปไม่ได้ผล:
Ta-da — แท็กและทริกเกอร์การติดตามเหตุการณ์ใหม่ของคุณพร้อมใช้งานแล้ว
การเพิ่มประสิทธิภาพแบบฟอร์ม
คุณอาจต้องการปรับปรุงแบบฟอร์มในไซต์ของคุณเพื่อเพิ่ม Conversion คุณสามารถใช้ GTM เพื่อติดตามแต่ละฟิลด์ของแบบฟอร์มเพื่อค้นหาสิ่งที่ต้องได้รับการทดสอบและปรับปรุง หรือคุณอาจใช้บริการ เช่น Hotjar เพื่อให้การวิเคราะห์ช่องทางที่เป็นประโยชน์สำหรับการเพิ่มประสิทธิภาพอัตราการแปลง
บทสรุป
หากคุณต้องการปรับปรุงประสิทธิภาพและขจัดความยุ่งยากในการทดสอบเมื่อต้องตั้งค่าการติดตามเหตุการณ์ ฉันขอแนะนำให้ใช้ Google Tag Manager อย่างละเอียด
ฉันพบว่าเมื่อนักพัฒนายุ่งอยู่กับการทำโปรเจ็กต์ที่ใหญ่ขึ้นอย่างต่อเนื่องบนเว็บไซต์ พวกเขาชื่นชมการตัดสินใจนี้เพราะช่วยให้มีเวลามากขึ้น ในระดับเริ่มต้น คุณสามารถใช้แท็กในตัวภายในเครื่องจัดการแท็กได้ และฟีเจอร์การควบคุมเวอร์ชันและโหมดแก้ไขข้อบกพร่องช่วยให้คุณทดสอบทุกอย่างได้ด้วยตัวเอง
หากคุณเคยใช้ Google Tag Manager เพื่อใช้งานการติดตามเหตุการณ์ของฟอร์มโดยใช้คู่มือนี้ เรายินดีรับฟังความคิดเห็นด้านล่าง หรือติดต่อฉันทาง Twitter @Digital_Kym
หากคุณต้องการความช่วยเหลือ อย่าลังเลที่จะติดต่อเรา