วิธีใช้ Consent Mode ผ่าน GTM (Google Tag Manager) Consent Mode คืออะไร

Consent Mode คือ วิธีจัดการ consent (ความยินยอม) ของผู้ใช้ผ่าน GTM เพื่อกำหนดขอบข่ายหรีอจำกัดการทำงานบางอย่าง เช่น การบันทึก Cookie ของ GA4 โดย เราจะทำการกำหนดเงื่อนไขในการทำงานต่างๆ ของ Tag ผ่าน GTM

ขึ้นตอนการใช้งาน Consent Mode

การติดตั้งโดยใช้ Template

Install Templates

ดาวน์โหลดไฟล์ ที่นี่ Cookie Wow - Google consent mode Template

ไปที่ https://tagmanager.google.com/#/home และเลือกโปรเจ็กที่คุณต้องการติดตั้ง Google Consent Mode




คลิกที่ Templates ที่อยู่ทางด้านซ้ายของ Panel

ด้านใน Tag Templates , คลิกที่ New




คลิกที่ three-dot button ที่อยู่บริเวณด้านขวาบน

เมื่อมี Dropdown menu เลือก Import




เลือกไฟล์ที่เราต้องการใช้งานจากข้อ 1

กด Save เพื่อบันทึก




Create Triggers

ไปที่ https://tagmanager.google.com/#/home และเลือกโปรเจ็กที่คุณต้องการติดตั้ง Google Consent Mode




คลิกที่ Triggers บริเวณด้านซ้ายมือ

ด้านใน Triggers , คลิกที่ New




คลิกที่ Choose a trigger type to begin setup




เลือก Custom Event




จากนั้นตั้งชื่อ Event name ว่า CookieWowConsentUpdated และเลือก This trigger fires on เป็น All Custom Events




ตั้งชื่อ Trigger ว่า CookieWow Event และกด Save




ทำตามขั้นตอนที่ 3 และ 4 อีกครั้งเพื่อสร้าง Trigger สำหรับตั้งค่า default consent

เลือก Consent Initialization และเลือก This trigger fires on เป็น All Pages




ตั้งชื่อ Trigger ว่า Initialize - All Pages และ Save




Create Tags

ไปที่ https://tagmanager.google.com/#/home และเลือกโปรเจ็กที่คุณต้องการติดตั้ง Google Consent Mode

คลิกที่ Tags บริเวณด้านซ้ายมือ

ด้านใน Tags , คลิกที่ New




คลิกที่ Choose a tag type to begin setup ใต้ Tag Configuration




เลื่อนลงมาที่ Custom เลือก CookieWow-GCM




คลิกที่ Choose a trigger to make this tag fire ใต้ Triggering

เลือก CookieWow Event




กดเครื่องหมาย + เพื่อเพิ่ม Trigger


เลือก Initialization - All pages




ตั้งชื่อ Tags และกด Save เพื่อบันทึก




ตรวจสอบว่าสามารถใช้งานได้หรือไม่

ไปที่ https://tagmanager.google.com/#/home และเลือกโปรเจ็กที่คุณต้องการติดตั้ง Google Consent Mode

คลิกที่ปุ่ม Preview บริเวณด้านขวาบน จะมีหน้าต่าง Tag Assistant แสดงขึ้นมา




ใส่ URL ที่ต้องการตรวจสอบและคลิก Connect




จะมีหน้าต่างเว็บไซต์ที่ท่านต้องการตรวจสอบแสดงขึ้นมา

ในหน้าต่าง Tag Assistant คลิกที่ Initialization ด้านซ้ายมือ

ใต้ Consent Tab หากคุณยังไม่ได้ให้ความยินยอมผ่าน CookieWow Banner คุณจะเห็นค่าของ analytics_storage, ad_storage, ad_user_data เเละ ad_personalization เป็น ‘denied’ และเมื่อเข้าไปยัง network ของ browser ของคุณ ใน network ข้อมูลที่ส่งไปยัง GA จะมี tag GA100






หลังจากให้ความยินยอมผ่าน CookieWow Banner แล้ว analytics_storage, ad_storage, ad_user_data เเละ ad_personalization จะเป็น ‘granted’. และเมื่อเข้าไปยัง network ของ browser ของคุณ ใน network ข้อมูลที่ส่งไปยัง GA จะมี tag GA111

การติดตั้งแบบ Manual

1. ใส่โค้ดด้านล่างร่วมกับการติดตั้งแบนเนอร์คุกกี้ของ Cookie Wow

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  console.log("test");

  gtag("consent", "default", {
    ad_storage: "denied",
    analytics_storage: "denied",
    ad_user_data: "denied",
    ad_personalization: "denied",
  });
</script>

<!-- 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", "CONTAINER-CODE");
</script>
<!-- End Google Tag Manager -->

<!-- Cookie Consent by https://www.cookiewow.com -->
<script
  type="text/javascript"
  src="https://staging.cookiecdn.com/cwc.js"
></script>
<script
  id="cookieWow"
  type="text/javascript"
  src="https://staging.cookiecdn.com/configs/PrzdwtxKMDQNYGJk4DJ7gbcH"
  data-cwcid="PrzdwtxKMDQNYGJk4DJ7gbcH"
></script>

<script type="text/javascript">
  function cwcCookieWrapper() {
    if (window?.cwcIsUserAccept === undefined) return;

    if (window.cwcIsUserAccept("analytics")) {
      gtag("consent", "update", {
        analytics_storage: "granted",
      });
    }

    if (window.cwcIsUserAccept("marketing")) {
      gtag("consent", "update", {
        ad_storage: "granted",
        ad_user_data: "granted",
        ad_personalization: "granted",
      });
    }
  }

  cwcCookieWrapper();
</script>

สามารถดูข้อมูลการใช้ Consent Callback เพิ่มเติมได้ที่ https://app.crisp.chat/website/ee859ce6-e4d8-427d-9552-52ee58fe4b3e/helpdesk/articles/th/a5032fd7-1bdc-4288-9a8b-3bbaf70b6ac1/)

References

https://developers.google.com/tag-platform/devguides/consent

https://support.google.com/google-ads/answer/10000067

https://support.google.com/analytics/answer/9976101

อัปเดตเมื่อ: 06/02/2023

Updated on: 24/04/2024