ตั้งค่าแท็ก Google ด้วย gtag.js

แท็ก Google คือแท็กเดียวที่คุณเพิ่มลงในเว็บไซต์เพื่อใช้ผลิตภัณฑ์การวัดผลและการโฆษณาของ Google เช่น Google Ads, Google Analytics, Campaign Manager, Display & Video 360 และ Search Ads 360 ได้ คุณสามารถใช้แท็ก Google กับทั้งเว็บไซต์ และเชื่อมต่อแท็กกับหลายปลายทางได้แทนการจัดการแท็กหลายแท็กสําหรับผลิตภัณฑ์ต่างๆ ของ Google

ดูข้อมูลเพิ่มเติมเกี่ยวกับแท็ก Google

หน้านี้อธิบายวิธีตั้งค่าและทำให้แท็ก Google ใช้งานได้ในเว็บไซต์โดยใช้เฟรมเวิร์ก gtag.js หากไม่คุ้นเคยกับ JavaScript เราขอแนะนําให้ใช้ Google Tag Manager แทน gtag.js

ข้อดี

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

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

เพิ่มแท็ก Google ลงในเว็บไซต์

วิธีรวบรวมข้อมูลด้วยแท็ก Google

  1. เปิดผลิตภัณฑ์ Google ที่คุณใช้และเข้าถึงหน้าจอแท็ก Google วิธีค้นหารหัสแท็กใน

  2. คัดลอกรหัสแท็ก Google

  3. วางรหัสแท็ก Google ในตัวอย่างโค้ดต่อไปนี้ วางข้อมูลโค้ดแท็ก Google ต่อจากแท็ก HTML เปิด <head> ในทุกหน้าเว็บที่ต้องการวัด

      <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'TAG_ID');
  </script>

    ต้องใช้คำสั่ง config เพื่อส่งข้อมูลไปยังผลิตภัณฑ์โฆษณาของ Google ฟีเจอร์หลายอย่างกําหนดให้ต้องตั้งค่าคําสั่ง config ในเว็บไซต์ เช่น เหตุการณ์ที่รวบรวมโดยอัตโนมัติและการลิงก์ Conversion ดูข้อมูลเพิ่มเติมเกี่ยวกับคำสั่งการกำหนดค่า

ยืนยันแท็ก Google

หากต้องการยืนยันว่าแท็กส่งข้อมูล ให้ใช้ผู้ช่วยแท็กหรือเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์

ยืนยันด้วยผู้ช่วยแท็ก

  1. ไปที่ tagassistant.google.com/
  2. คลิกเพิ่มโดเมน
  3. ป้อน URL ของเว็บไซต์ที่ต้องการแก้ไขข้อบกพร่อง โดยขึ้นต้นด้วย "https://" หรือ "http://"
  4. คลิกเชื่อมต่อ

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

หากผู้ช่วยแท็กไม่รู้จักแท็ก ให้ดูเคล็ดลับการแก้ไขข้อบกพร่องในศูนย์ช่วยเหลือของ Tag Manager

นอกจากนี้ คุณยังเข้าถึงสรุปความครอบคลุมของแท็กเพื่อดูภาพรวมของสถานะการติดแท็กของเว็บไซต์ได้ด้วย

ยืนยันด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์

วิธียืนยันว่าแท็กเริ่มทํางานในหน้าเว็บมีดังนี้

  1. เปิดเว็บไซต์ใน Google Chrome
  2. เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome (ดู > นักพัฒนาซอฟต์แวร์ > เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์)
  3. เปิดแท็บเครือข่าย
  4. รีเฟรชหน้าเว็บ

  5. หากเห็นคำขอไปยัง googletagmanager.com แสดงว่าแท็กทำงาน

    คุณตรวจสอบการตั้งค่าเพิ่มเติมได้โดยดู Hit สำหรับผลิตภัณฑ์ Google ที่เฉพาะเจาะจง ดังนี้

    • Google Ads: กรองคำขอไปยัง googleadservices.com หรือ googlesyndication.com
    • Google Analytics: กรองคำขอไปยัง google-analytics.com
    • Floodlight: กรองคำขอไปยัง doubleclick.net

    หากไม่เห็นคำขอสำหรับผลิตภัณฑ์ที่คุณกำหนดค่าไว้ อาจเป็นไปได้ว่า คุณโหลดผลิตภัณฑ์ด้วยคำสั่ง config เท่านั้น แต่ไม่ได้ส่ง เหตุการณ์ใดๆ ตรวจสอบว่าคุณส่งเหตุการณ์สำหรับผลิตภัณฑ์นี้โดยใช้คำสั่ง event หรือไม่ ตัวอย่างเช่น Google Analytics จะส่งเหตุการณ์ page_view โดยอัตโนมัติเมื่อมีการเรียกใช้คําสั่ง config เว้นแต่คุณจะตั้งค่า send_page_view เป็น false

    หากยังไม่เห็นคำขอใดๆ ให้ตรวจสอบข้อผิดพลาดในคอนโซลของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์

    ใช้ผู้ช่วยแท็กเพื่อการแก้ไขข้อบกพร่องอย่างละเอียด

    [vn_Tag_Assistant]: //tagassistant.google.com

ขั้นตอนถัดไป

ตอนนี้เมื่อตั้งค่าแท็ก Google แล้ว ให้กําหนดค่าผลิตภัณฑ์ของ Google และส่งข้อมูลเหตุการณ์