![9 Chrome Extension ที่คนใช้ Google Tag Manager ต้องมี digi era ภาพที่ 1 9 Chrome Extension ที่คนใช้ Google Tag Manager ต้องมี](https://digi-era.co/wp-content/uploads/2020/06/9-Chrome-Extension-ที่คนใช้-Google-Tag-Manager-ต้องมี.png)
วันนี้ Digi Era อยากจะมานำเสนอให้กับคนที่ทำงานกับ Google Tag Manager หรือใช้ Google Analytics แทบทุกวัน ได้ลองติดตั้ง Chrome Extensions ที่จะทำให้ชีวิตของเรานั้นง่ายขึ้น ไม่ว่าจะเป็นตรวจสอบว่าสิ่งที่ได้ Deploy ขึ้นมานั้นทำงานถูกต้องหรือไม่ หรือช่วยหาว่าอะไรบ้างจะสามารถทำเป็น Trigger กันได้บ้าง มาดูกันว่ามี Extension ไหนบ้างที่น่าสนใจ และน่าที่จะลองติดตั้งเอาไว้ใช้กัน
เลือกอ่านเฉพาะบางหัวข้อที่คุณต้องการ
9 Chrome Extension คนใช้ GTM ควรต้องมี มีอะไรบ้าง?
Google Tag Assistant
เริ่มกันที่เครื่องมือแรกอย่าง Tag Assistant ที่คนทำงานสายดิจิทัลมักจะใช้กัน ประโยชน์อย่าง Extension อันนี้ก็คงจะเป็นการตรวจสอบว่าเว็บของลูกค้าหรือแม้แต่เว็บของเราเองได้ติดตั้ง Analytics, GTM หรือ AdWords Conversions แล้วหรือยัง นอกจากนั้นยังสมารถตรวจสอบได้ว่าเมื่อติดตั้งแล้วถูกต้องไหม รวมไปจนถึงเว็บของเราติดตั้งถูกต้องหรือผิด เช่น อาจจะเคยเห็นมีการรายงานว่าเว็บของเรามีการติดตั้ง Google Analytics สองรอบ เป็นต้น
นอกจากนั้น Tag Assistant ยังทำหน้าที่ Record อีกด้วย ซึ่งเหมาะอย่างยิ่งสำหรับคนที่มีหลายๆ อีเว้นท์ โดยระบบจะทำการรายงานผลว่าเมื่อเราลองทำจริงๆ แล้ว ระบบสามารถที่จะแทรคได้ตามที่เราต้องการจริงๆ หรือไม่ สำหรับจะใช้งานยังไงนั้นเดี๋ยวผมจะมาอธิบายต่อในบทความถัดไปนะครับ สำหรับใครที่ยังไม่มี Chrome Extension อันนี้สามารถดาวน์โหลดได้ที่นี่ > Tag Assistant (by Google)
Tag Assistant For Conversion Beta
เป็นอีก Chrome Extension ที่พัฒนาโดย Google เอง สามารถดาวน์โหลดได้ ที่นี่เลยครับ – Tag Assistant For Conversion Beta การทำงานก็จะคล้ายกับ Google Tag Assistant เพียงแต่ว่ามีการแสดงผลที่ต่างกัน คือหน้าที่ในการ Debug ว่า Pixel ต่างๆ ของทางค่าย Google นั้นติดเป็นที่เรียบร้อยหรือไม่ สามารถทดลองใช้กันได้ครับ สำหรับมันแตกต่างจากของเดิมไหม ก็แทบจะไม่ต่างกันเท่าไหร่นักเพียงแค่ทำให้เราเข้าใจง่ายขึ้น
Data Slayer
เป็นอีกหนึ่ง Chrome Extension ที่น่าสนใจและควรที่จะมีเก็บเอาไว้นะครับ โดยหลักการทำงานจะเหมือนกับ Google Tag Assistant นั่นแหละ แต่ว่าตัวระบบจะบอกรายละเอียดได้ค่อนข้างมากกว่า โดยระบบจะโชว์ว่าเราสามารถที่จะใช้อะไรมาเป็น Trigger ให้เราได้บ้าง เผื่อที่จะได้นำไปสร้างเป็น Event Tracking ได้ใน GTM
ถ้าหากใครสนใจใช้ก็สามารถดาวน์โหลด Extension นี้ได้ที่ Chrome Web Store ได้เลยครับ dataslayer เมื่อติดตั้งแล้วเราจะสามารถใช้งานได้ในโหมด Developer Tools นะครับ โดยคลิกขวาแล้วเลือก Inspect หรือ CTRL + Shift + I
Web Analytics Solution Profiler – WASP
เป็นอีก Chrome Extension ที่น่าสนใจคือมันจะทำหน้าที่บอกเราว่าในเว็บนั้นๆ ได้ติดตั้ง Tags อะไรอยู่ในบ้างผ่าน Google Tag Manager ซึ่งจะบอกให้เรารู้ทั้งหมด เหมือนภาพด้านล่างที่ผมเอามาโชว์ให้ดู WASP ก็จะบอกผมว่าในเว็บของผมเองมีอะไรบ้างที่ทำงานผ่าน GTM อยู่ สำหรับใครที่สนใจก็สามารถไปดาวน์โหลดได้เลยที่นี่ครับ – http://www.webanalyticssolutionprofiler.com
จากภาพด้านบนตัวเครื่องมือนี้จะบอกผมว่าในเว็บของผมเอง Digi-Era.co ตอนนี้มี Google Analytics, Facebook Pixel และอื่นอีกมากมายที่ทำงานอยู่ รวมทั้งเครื่องมือเหล่านี้ได้เอาข้อมูลอะไรไปบ้าง หากแต่น่าเสียสำหรับ Extensions ที่เหมือนว่าจะไม่สามารถดาวน์โหลดจาก Chrome Web Store ได้แล้ว
Tag Manager Injector
สำหรับเครื่องมือนี้อันนี้ก็มีประโยชน์ที่น่าสนใจ โดยมันสามารถที่จะให้เราใส่เลข GTM-ID ของเราลงไปในเว็บไซต์ของคนอื่นๆ ได้ โดยไม่ต้อง Access เข้าระบบ Tag Manager ของเขา และเมื่อใส่เข้าไปแล้วมันก็จะสามารถจัดการสร้าง Tags, Trigger ต่างๆ รวมไปจนถึง Variable ได้เลย นี่คือสิ่งที่เขาเคลมมา เนื่องจากไม่ได้ทดสอบเพราะว่าต้องเสียเงิน ถ้าใครอยากลองใช้ สามารถเข้าไปซื้อได้ที่ Chrome Web Store นะครับ Tag Manager Injector
GTM Variable Builder
ก่อนอื่นต้องขอบคุณ digitalmindhub.com ที่ได้แนะนำเครื่องมือนี้มาให้ทดลองใช้กันครับ เป็นเครื่องมือนึงที่มีประโยชน์พอสมควรเลยนะครับ สำหรับคนที่อยากจะ Tracking Conversion Value แต่ไม่อยากที่จะทำในรูปแบบของ enhanced eCommerce เพราะอาจจะคิดว่าใช้ทรัพยากรเยอะ อาจจะลองใช้วิธีนี้แทนได้ครับ เพราะเครื่องมือจะทำการสร้าง Custom Java Script ให้เราเลย ซึ่งเราก็สามารถนำมาใช้เป็น Variable นึงได้ใน Tag Manager ครับผม สำหรับใครอยากได้ก็ดาวน์โหลดได้เลยครับ > GTM Variable Builder
จากภาพด้านบนเมื่อเราได้ทำการ Capture เป็นที่เรียบร้อยเราก็สามารถที่จะ Copy ในส่วนที่เป็น Custom JavaScript Variable ไปใช้งานได้ในทันที เพื่อตั้งค่าเป็น Custom Variable ของเราเอง และซึ่งเราก็จะสามารถนำค่านี้ไปแสดงได้ในส่วนที่เป็น Conversion Value ได้ครับลองใช้กันดูครับ
dataLayer Inspector+
อันนี้เหมาะสำหรับคนที่ชอบพวก Data Layer นะครับเพราะมันจะทำหน้าที่ในการ Debug ว่าในเว็บนั้นๆ ได้ติดตั้ง Data Layer แบบไหนไว้บ้าง โดยใครอยากลองใช้งานก็สามารถดาวน์โหลด Extension นี้ใน Chrome เช่นเคยครับ – Adswerve – dataLayer Inspector+
จะใช้อันนี้ได้ต้องกด Inspect ดูนะครับ หรือ Ctrl + Shift + I แล้วให้กดไปที่ Console ก็จะเห็นเป็นสีเขียวๆ แบบนี้เลยครับ สำหรับการใช้งานก็ง่ายนิดเดียว ตัวเครื่องมือมันก็จะทำหน้าที่บอกเราว่าในหน้าสินค้า 1 ชิ้น มีการเก็บข้อมูล Data Layer ที่จะให้เราสามารถนำมาใช้ได้นั้นมีอะไรบ้าง แล้วเราก็จะสามารถเรียกนำข้อมูลเหล่านี้ไปใช้อีกรอบที่ Google Tag Manager ครับ
Copy Css Selector
Chrome Extension อันนี้เหมาะสำหรับคนที่อยากที่จะ Tracking Click เป็นหลัก แต่เว็บของเรานั้นดันไม่ได้สร้าง Click ID หรือเป็น Click Class ที่มักจะรวมกับอีกหลายๆ ปุ่มบนเว็บของเรา และวิธีนึงที่จะใช้ได้นั่นก็คือ การใช้ Match CSS Selector ใน Tag Manager ซึ่งเราคนธรรมดาก็ไม่รู้ว่าจะหาจากไหน ลองโหลด Extension มาดูครับ Copy Css Selector เพียงแค่คลิกไปที่ปุ่มเราต้องการคลิกขวา แล้วเลือก Copy ตามภาพด้านล่าง เพียงเท่านี้ก็จะได้ Selector ที่เราต้องการแล้วละ แต่ถ้าจะให้สะดวกกว่านี้บอกก็ต้องกลับไปบอก Dev ว่าพี่ครับสร้าง ID ให้หน่อยจบละ
GTM/GA Debug
อันนี้บอกเลยว่าเป็นเครื่องมือที่ภูมิใจนำเสนอ เหมาะสำหรับเวลาที่เราต้องการที่จะ Preview ว่าเมื่อทำการ Tagging เสร็จเรียบร้อยแล้ว เราจะทำการตรวจสอบว่ามันได้ผลหรือไม่ ในบางครั้งหลายคนอาจจะเจอกับปัญหา Tracking Clicks หรือเว็บที่คลิกแล้วชอบที่จะ Refresh อยู่ตลอดเวลา ทำให้การตรวจสอบนั้นไม่สามารถดูได้ ว่ามันทำได้ถูกต้องหรือไม่ GTM/GA Debug สามารถที่จะเข้ามาแก้ปัญหานี้ได้ แนะนำให้โหลดเลยครับ มาดูกันใช้งานกัน
เมื่อลองใช้งานนั้นลองดูได้จากภาพด้านบนครับ เครื่องมือนี้จะบอกว่าในเว็บนี้ได้มีการติดตั้ง Tags อะไรเอาไว้บ้าง และที่ได้ติดตั้งไปนั้นได้ทำงานหรือไม่ หรือในกรณีที่เราคลิกแล้ว Redirect ไปอีกหน้านึง ซึ่งปกติแล้วถ้าเราไม่ได้กด CTRL + Clicks ระบบ Preview ของ GTM ก็จะทำการโหลดใหม่อีกรอบทำให้เราไม่รู้ว่ามันแทรคได้จริงไหม การใช้ GTM/GA Debug จะทำให้คุณไม่ต้องกังวลเรื่องนั้นครับ เพราะระบบจะทำการโหลดหน้าใหม่ขึ้นมา แต่จะยังคงข้อมูลของหน้าเดิมไว้ ทำให้เราเห็นได้ว่าคลิกนั้นทำได้ถูกต้องหรือไม่ ลองดาวน์โหลดมาใช้กันครับแนะนำ
ทั้งหมดนี้เป็น Chrome Extension ที่คนชอบทำ Tag Manager น่าจะลองนำไปปรับใช้ เผื่อที่จะได้ทำให้งานของเราจบไวมากขึ้น อย่างไรก็ตามยังมีเครื่องมืออีกเยอะแยะมากมายที่น่าจะทดลองนำมาใช้กันครับ สำหรับข้อมูล Extension ต่างๆ ที่ Digi Era ได้นำมาเสนอก็ต้องขอขอบคุณ