แท็ก Google เป็นแท็กเดียวที่คุณสามารถเพิ่มลงในเว็บไซต์เพื่อใช้ผลิตภัณฑ์การวัดผลและการโฆษณาของ Google เช่น Google Ads, Google Analytics, Campaign Manager, Display & Video 360 และ Search Ads 360 คุณใช้แท็ก Google กับทั้งเว็บไซต์ และเชื่อมต่อแท็กกับหลายปลายทางได้แทนการจัดการแท็กหลายแท็กสําหรับผลิตภัณฑ์ต่างๆ ของ Google
ดูข้อมูลเพิ่มเติมเกี่ยวกับแท็ก Google
หน้านี้อธิบายวิธีตั้งค่าและติดตั้งใช้งานแท็ก Google ในเว็บไซต์โดยใช้เฟรมเวิร์ก gtag.js
ข้อดี
วิธีที่ดีที่สุดในการวัด Conversion และเพิ่มประสิทธิภาพมูลค่าการลงทุนด้านการตลาดใน Google คือการวางแท็กในทุกหน้าของเว็บไซต์ การติดตั้งใช้งานแท็ก Google ทั่วทั้งเว็บไซต์จะช่วยให้คุณได้รับสิทธิประโยชน์ต่อไปนี้
- การวัด Conversion ที่ประสบความสำเร็จในระยะยาว รับประโยชน์จากฟีเจอร์และการผสานรวมล่าสุดเมื่อมีให้บริการ เพื่อให้คุณพร้อมรับมือกับการวัด Conversion อย่างแม่นยำต่อไปหากมีการเปลี่ยนแปลงเกิดขึ้น
- การจัดการแท็กแบบไม่ใช้โค้ด เปิดใช้ฟีเจอร์การวัดภายในผลิตภัณฑ์ของ Google โดยไม่ต้องเปลี่ยนแท็กในหน้าเว็บด้วยตนเอง
- ผสานรวมได้ง่ายและรวดเร็วขึ้น การติดตั้งใช้งานที่ง่ายและมีประสิทธิภาพมากขึ้น รวมถึงการผสานรวมกับผลิตภัณฑ์อื่นๆ ของ Google เช่น Analytics และ Google Ads
- การวัด Conversion ที่แม่นยำยิ่งขึ้น แท็ก Google ช่วยให้คุณวัด Conversion ได้แม่นยำยิ่งขึ้นเมื่อไม่มีคุกกี้ และกู้คืน Conversion ที่สังเกตไม่พบในปัจจุบันเนื่องจากปัจจัยด้านอุตสาหกรรม
เพิ่มแท็ก Google ลงในเว็บไซต์
วิธีรวบรวมข้อมูลด้วยแท็ก Google
เปิดผลิตภัณฑ์ของ Google ที่คุณใช้และเข้าถึงหน้าจอแท็ก Google วิธีค้นหารหัสแท็กในผลิตภัณฑ์ต่อไปนี้
คัดลอกรหัสแท็ก Google
วางรหัสแท็ก Google ในตัวอย่างโค้ดต่อไปนี้ วางข้อมูลโค้ดแท็ก Google ต่อจากแท็ก HTML เปิด
<head>ทันทีในทุกหน้าที่ต้องการวัด<!-- Google tag --> <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); </script>
ยืนยันแท็ก Google
หากต้องการยืนยันว่าแท็กกำลังส่งข้อมูล คุณสามารถใช้ผู้ช่วยแท็กหรือเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์
ยืนยันด้วยผู้ช่วยแท็ก
- ไปที่ tagassistant.google.com/
- คลิกเพิ่มโดเมน
- ป้อน URL ของเว็บไซต์ที่ต้องการแก้ไขข้อบกพร่อง โดยขึ้นต้นด้วย "https://" หรือ "http://"
- คลิกเชื่อมต่อ
เมื่อเชื่อมต่อผู้ช่วยแท็กกับเว็บไซต์ ให้ตรวจสอบว่ารหัสแท็ก Google ปรากฏในส่วนหัวพบแท็ก Google หรือไม่ ไอคอนสีเขียวหรือสีน้ำเงินบ่งบอกว่าพบแท็กและแท็กทำงานอย่างถูกต้อง
หากผู้ช่วยแท็กไม่รู้จักแท็กของคุณ ให้ดูเคล็ดลับการแก้ไขข้อบกพร่องในศูนย์ช่วยเหลือของ Tag Manager
นอกจากนี้ คุณยังเข้าถึงสรุปความครอบคลุมของแท็กเพื่อดูภาพรวมสถานะการติดแท็กของเว็บไซต์ได้ด้วย
ยืนยันด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์
วิธียืนยันว่าแท็กเริ่มทํางานในหน้าเว็บมีดังนี้
- เปิดเว็บไซต์ใน Google Chrome
- เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome (ดู > นักพัฒนาซอฟต์แวร์ > เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์)
- เปิดแท็บเครือข่าย
- รีเฟรชหน้าเว็บ
หากเห็นคำขอไปยัง
googletagmanager.comแสดงว่าแท็กเริ่มทำงานแล้วคุณตรวจสอบการตั้งค่าเพิ่มเติมได้โดยดู Hit ของผลิตภัณฑ์ Google ที่เฉพาะเจาะจง ดังนี้
- Google Ads: กรองคำขอไปยัง
googleadservices.comหรือgooglesyndication.com - Google Analytics: กรองคำขอไปยัง
google-analytics.comหรือanalytics.google.com - Floodlight: กรองคำขอไปยัง
doubleclick.net
หากไม่เห็นคำขอสำหรับผลิตภัณฑ์ที่คุณกำหนดค่าไว้ อาจเป็นไปได้ว่าคุณโหลดผลิตภัณฑ์ด้วยคำสั่ง
configเท่านั้น แต่ไม่ได้ส่งเหตุการณ์ใดๆ ตรวจสอบว่าคุณกำลังส่งเหตุการณ์สำหรับผลิตภัณฑ์นี้โดยใช้คำสั่งeventหรือไม่ ตัวอย่างเช่น Google Analytics จะส่งเหตุการณ์page_viewโดยอัตโนมัติเมื่อมีการเรียกใช้คำสั่งconfigเว้นแต่คุณจะตั้งค่าsend_page_viewเป็นfalseหากยังไม่เห็นคำขอ ให้ตรวจสอบข้อผิดพลาดในคอนโซลเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
หากต้องการแก้ไขข้อบกพร่องโดยละเอียด ให้ใช้[ผู้ช่วยแท็ก][vn_Tag_Assistant]
[vn_Tag_Assistant]: //tagassistant.google.com
- Google Ads: กรองคำขอไปยัง
ดูข้อมูลโดยละเอียดเพิ่มเติมเกี่ยวกับการยืนยันการตั้งค่า Google Analytics, การระบุปัญหาเมื่อข้อมูลไม่ปรากฏ และการทําความเข้าใจไทม์ไลน์การประมวลผลข้อมูลได้ที่ยืนยันและแก้ปัญหาการตั้งค่า Google Analytics
ขั้นตอนถัดไป
เมื่อตั้งค่าแท็ก Google แล้ว ให้กําหนดค่าผลิตภัณฑ์ของ Google และส่งข้อมูลเหตุการณ์