ถ้าเราเริ่มทำงานด้าน Digital Marketing ไปสักพัก หรือได้ร่วมงานกับ Agency คงที่จะเคยได้ยินคำว่า Google Tag Manager (GTM) กันมาบ้าง และไม่รู้ว่ามันคืออะไรกันแน่ ในวันนี้เราจึงอยากที่จะมาแนะนำให้ทุกท่านได้รู้จักกับเครื่องมือชนิดนี้กัน
Google Tag Manager คืออะไร?
ก่อนที่จะลงรายละเอียดไปมากกว่านี้ลองมาทำความเข้าใจกันก่อนว่า Google Tag Manager aka GTM มันคืออะไร สำหรับเครื่องมือชนิดนี้มีประโยชน์อย่างมากที่จะทำให้ชีวิตของการทำการตลาดออนไลน์สะดวกมากกว่าเดิมไม่ว่าจะเป็น การติดตั้ง Google Analytics หรือ Conversions Pixel
นอกจากการติดตั้งต่างๆ แล้วใน Google Tag Manager ยังสามารถที่จะทำงานได้มากกว่านั้น อย่างเช่น การสร้าง Event Tracking เพื่อที่จะนำไปใช้กับ Google Analytics ซึ่งทางเราได้เปิดสอนวิธีการใช้งานเบื้องต้นเอาไว้แล้วในบทความก่อนหน้านี้ แนะนำให้อ่าน – การสร้าง Event Tracking (Click Event) ผ่าน GTM
แต่ก่อนที่เราจะเริ่มใช้งาน เราจำเป็นที่จะต้องสมัครเพื่อใช้งานเครื่องมือชนิดนี้เสียก่อน และเช่นเดียวกันเราได้แนะนำแนวทางในการสมัคร รวมไปจนถึงการใช้งานในครั้งแรกเอาไว้แล้วในบทความ การติดตั้ง Google Analytic กับ Tag Manager บน WordPress รวมทั้งเรายังมี VDO ให้ลองทำความเข้าใจกันด้วย ลองดูกันได้
ติด Google Analytics ผ่าน Tag Manager ได้ง่ายๆ
ติด Google Analytics ผ่าน Tag Manager ได้ง่ายๆ #googleanalytic #googletagmanager
Posted by Digi-era.co on Friday, September 29, 2017
การติดตั้ง Google Tag Manager แบบย่อๆ
เริ่มต้นที่คุณจะต้องเข้าไปสมัครเพื่อแอคเค้าใช้งานด้วย Gmail ก่อนที่นี่ – https://tagmanager.google.com และเมื่อสมัครเป็นที่เรียบร้อยคุณจำเป็นที่จะต้องเลือกตั้งชื่อ Account และ Container เพื่อที่จะทำให้มันใช้งานได้ง่ายๆ เมื่อเสร็จเรียบร้อยทางระบบจะสร้าง Code Java Script ขึ้นมาหนึ่งชุด โดยลักษณะของ Code จะเหมือนกับแบบด้านล่าง โดยคุณจะต้อง Copy ไปลงในส่วนที่เป็น <header> </header> และ <body> </body> ของเว็บเพื่อให้มันสามารถใช้งานได้
ส่วนที่จะต้องนำไปติดตั้งใน Header ของเว็บไซต์
<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXXXX’);</script>
<!– End Google Tag Manager –>ส่วนที่จะต้องนำไปติดตั้งใน Body ของเว็บไซต์
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
Google Tag Manager ทำงานอย่างไร
เมื่อได้ติดตั้ง GTM เป็นที่เรียบร้อยแล้ว เครื่องมือก็จะสามารถทำงานได้ในทันที แต่ถ้าติดตั้งเพียงแค่ Tag Manager ไม่ได้เพราะเพียงแค่นี้มันไม่ได้จะทำให้มีประโยชน์ใดๆ ขึ้นมาเลย เพราะหลังจากที่ติดตั้งเรียบร้อย เราจำเป็นที่จะต้องติด Tags ต่างๆ ลงไป อย่างเช่น Google Analytics, Facebook Pixel หรือ Conversion Pixel หรือ Custom Java Script อื่นๆ เช่น Facebook Chat เป็นต้น
GTM จะสามารถทำงานได้ผ่านการตั้งค่าๆ ต่างด้านในตัวเครื่องมือซึ่งมันจะเรียกว่า Tags, Trigger และ Variable โดยถ้าสิ่งใด สิ่งหนึ่งไม่ทำงานตัว Tags ก็จะไม่ทำงาน อาทิเช่น ถ้าเรา ตั้งค่า Google Analytics Tags เอาไว้ แต่เราไม่ได้ใส่ Trigger และ Variable ตัว GA ก็จะไม่สามารถทำงานได้ และรายงานผลให้คุณไม่ได้
Users Permissions เมื่อได้สิทธิ์ในการเข้าไปใช้งาน GTM
เมื่อได้ ติดตั้ง Tag Manager หรือได้ Assign ให้สามารถเข้าไปใช้งานมาจากหัวหน้า ก็ต้องตรวจสอบด้วยว่าสิทธิ์ที่ได้มานั้นอยู่ในระดับไหน เพราะจะมีเพียงแค่ไม่กี่ Permission เท่านั้นที่จะสามารถแก้ไขหรือจัดการ Tag Manager ได้อย่างสมบูรณ์แบบ
- Read : คุณจะสามารถเข้าถึงข้อมูลต่างๆ ของ GTM ได้ อย่างเช่น Trigger, Variable หรือ Tag เพียงเท่านั้น แต่จะไม่สามารถแก้ไข Tag ใดๆ ต่างได้เลย พูดได้ง่ายๆ เลยว่า คุณได้เพียงแค่ดูเท่านั้นว่าใน Tag Manager แอคเค้านั้นๆ มีอะไรบ้าง แต่จะทำอะไรไม่ได้เลย เช่น สร้าง tag ใหม่ เป็นต้น
- Edit: คุณจะสามารถแก้ไข หรือ Trigger, Variable ต่างๆ ได้ แต่จะไม่สามารถทำให้ Tag นั้น Publish ได้ซึ่งจะต้องผ่านการ Approve จากคนที่มีสิทธิ์ที่เหนือกว่า
- Approve: คุณจะสามารถแก้ไขได้เหมือนกับขั้น Edit รวมทั้งยังสามารถสร้าง Workspace หรือ Create Versions ได้ แต่ก็ยังไม่สามารถที่จะ Publish ให้มันสามารถทำงานออนไลน์ได้ในทันทีอยู่ดี
- Publish: คุณจะสามารถแก้ไขได้ทุกอย่างที่ขวางหน้าไม่ว่าจะเป็น Workspace, Versions รวมทั้ง Create Trigger หรือ Tag แบบต่างๆ แล้วแต่ที่จะต้องการ และยังสามารถ Publish ให้ออนไลน์ได้ในทันที
ดังนั้นถ้าคุณมั่นใจว่าได้สิทธิ์ในการเข้าไปใช้งาน Google Tag Manager แล้วนั้น และมั่นใจว่าตนเองนั้นสามารถแก้ไขได้ ก็ควรที่จะได้รับสิทธิ์ในระดับที่เรียกว่า Publish เพื่อที่จะได้ไม่ต้องทำให้ Tag นั้นๆ เสียเวลาที่จะต้องเจอการ Approve อีกรอบนึง แต่ในทางกลับกันถ้าคุณต้องการจะให้ User Permission ให้กับคนอื่นๆ ก็สามารถเลือก Read ส่งก็ได้เพื่อที่จะป้องกันให้ใครมาแก้ไข Tag ของคุณ
Tag & Trigger ใน GTM ใช้งานยังไง?
Tags เปรียบเสมือนกับปลายทางที่จะนำข้อมูลของเว็บเราไปใช้ ยกตัวอย่างเช่น Google Analytics Tags / Facebook Pixel Code หรือ Conversion Pixel เป็นต้น ขณะเดียวกัน Triggers นั้นจะทำหน้าที่ในการกำหนดว่าจะให้ Tags นั้นทำงานเมื่อไหร่ ตอนไหน และจะต้องทำงานอย่างไร
ยกตัวอย่างเช่น การติดตั้ง Conversion Pixel ใน GTM เรามักจะตั้งค่าให้มันทำงานเฉพาะหน้าสุดท้ายของ Customer Journey เท่านั้นในที่นี้ก็คือ Thank You Page ที่จะทำให้คุณทราบได้ว่าเมื่อคนเข้ามาภายในเว็บไซต์ของเราแล้ว ซื้อสินค้า หรือตกลงที่จะให้รายชื่อเพื่อให้ทีมงานขายของเราติดต่อกลับไปเป็นจำนวนเท่าไหร่ สามารถทำความเข้าใจเรื่อง Conversions ได้ในบทความนี้ – Conversions คืออะไร
ดังนั้นถ้าเราต้องการที่จะให้ Conversion Pixel ทำงานเราต้องกำหนด Trigger ให้กับ Tags นี้ว่าจะต้องทำงานในหน้า Thanks Page เท่านั้น เพราะมันคือหน้าสุดท้ายที่คนจะเข้าถึง และไม่ควรติดทุกหน้าเพื่อที่จะได้ไม่ต้องหลอกตัวเอง สำหรับ Trigger ที่เราสามารถใช้ได้ใน GTM ก็ประกอบไปด้วย
- Clicks – ก็จะทำหน้าที่ไว้ Track ว่ามีคนคลิกไปที่ปุ่มไหนบ้างในเว็บไซต์ เช่น เข้าใจการสร้าง Click Event ได้ที่นี่
- PageViews – ก็จะทำหน้าที่เอาไว้เก็บข้อมูลการเข้าชมเว็บไซต์ของ Users
- Form Submission – ก็จะทำหน้าที่เพื่อเอาไว้เก็บข้อมูลว่ามีคนที่จะกรอกข้อมูลในฟอร์ทสมัครของคุณเป็นจำนวนเท่าไหร่
Google Tag Manager Variable คืออะไร?
Variable จะทำหน้าที่คอยกำหนดคำสั่งต่างๆ เพื่อที่จะทำให้ Trigger นั้นทำงาน ยกตัวอย่างเช่น ถ้าเรากำหนดว่าให้ Tags อย่าง Facebook Conversion Pixel ทำงานเฉพาะหน้า Thanks Page นั้นตัว Variable ใน Tag Manager ก็คือตัวกำหนดว่าให้ Trigger ทำงานในหน้าไหน และเมื่อ Trigger ทำงานแล้ว ก็จะส่งคำสั่งไปที่ Tags ว่าคนเข้ามาถึงหน้าสุดท้ายแล้ว Facebook Conversion ควรทำงานได้แล้ว ตัวอย่างเบื้องต้นของ Variable ที่คุณสามารถเลือกใช้ได้เพื่อเป็นคำสั่งให้ GTM ทำงาน
- Click Class
- Click Element
- Click URL
- Page Path
Variable ด้านบนเป็นรูปแบบที่ทาง GTM ได้ทำการ Built-In มาให้เป็นที่เรียบร้อยแล้ว แต่อันที่จริงแล้วคุณสามารถที่จะ Custom Define ได้อีกด้วย เพื่อใช้เป็นคำสั่งที่เหนือกว่านั้น หรือในสิ่งที่ทาง Google Tag Manager ไม่ได้ Built-In มาให้
ประโยชน์ของ Tag Manager
สามารถอ่านเรื่องนี้เต็มๆ ได้ที่ เหตุผลว่าทำไมต้องใช้ Google Tag Manager แต่วันนี้ขอสรุปเพื่อที่จะทำให้เข้าใจได้ง่ายขึ้น ถ้าหากคุณได้เลือกใช้ GTM จะทำให้ชีวิตการทำการตลาดนั้นค่อนข้างสบายขึ้นกว่าเดิม ยกตัวอย่างเช่น ถ้าเราไม่ได้ติดตั้งเครื่องมือเอาไว้ในเว็บ และต้องการที่จะติดตั้ง Google Analytics หรือ Facebook Pixel คุณจำเป็นที่จะต้องส่ง Java Script ให้กับทางโปรแกรมเมอร์เพื่อติดตั้ง Code นั้นๆ ในหน้าต่างๆ เช่น Thanks Page เป็นต้น หรือจำเป็นที่จะต้อง Custom Coding เพื่อที่จะต้องการติดตั้งการติดตามอีเว้นท์ที่เกิดขึ้นภายในเว็บไซต์ของคุณ เช่น Clicks Event เป็นต้น
การใช้ Google Tag Manager ก็เปรียบเสมือนคนกลางที่เข้ามาแก้ปัญหาทำให้ยืนหยุ่นขึ้นกว่าเดิม โดยคุณอาจจะให้ทางโปรแกรมเมอร์ลงแค่ตัว GTM Snippet เหมือน Code ด้านบนก็น่าจะเพียงพอแล้ว หลังจากนั้นค่อยๆ ไปจัดการได้ในภายหลังผ่าน Tag Manager แทน
