ตั้งค่าแท็ก 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 ดูข้อมูลเพิ่มเติมเกี่ยวกับคําสั่ง config

ยืนยันแท็ก 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 Analytics, การระบุปัญหาเมื่อข้อมูลไม่ปรากฏ และการทําความเข้าใจไทม์ไลน์การประมวลผลข้อมูลได้ที่หัวข้อ ตรวจสอบและแก้ปัญหาการตั้งค่า Google Analytics

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

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