วิธีใช้ Consent Mode ผ่าน GTM(Google Tag Manager)

Consent Mode คืออะไร


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



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


Install Templates


  1. ดาวน์โหลดไฟล์ ที่นี่ [Cookie Wow - Google consent mode Template
    ](https://cookiewow.s3.ap-southeast-1.amazonaws.com/gcm-script/CookieWow-GCM.tpl)
  2. ไปที่ https://tagmanager.google.com/#/home และเลือกโปรเจ็กที่คุณต้องการติดตั้ง Google Consent Mode



  1. คลิกที่ Templates ที่อยู่ทางด้านซ้ายของ Panel
  2. ด้านใน Tag Templates , คลิกที่ New



  1. คลิกที่ three-dot button ที่อยู่บริเวณด้านขวาบน
  2. เมื่อมี Dropdown menu เลือก Import



  1. เลือกไฟล์ที่เราต้องการใช้งานจากข้อ 1
  2. กด Save เพื่อบันทึก



Create Triggers


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



  1. คลิกที่ Triggers บริเวณด้านซ้ายมือ
  2. ด้านใน Triggers , คลิกที่ New



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



  1. เลือก Custom Event



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



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



  1. ทำตามขั้นตอนที่ 3 และ 4 อีกครั้งเพื่อสร้าง Trigger สำหรับตั้งค่า default consent
  2. เลือก Consent Initialization และเลือก This trigger fires on เป็น All Pages



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



Create Tags


  1. ไปที่ https://tagmanager.google.com/#/home และเลือกโปรเจ็กที่คุณต้องการติดตั้ง Google Consent Mode
  2. คลิกที่ Tags บริเวณด้านซ้ายมือ
  3. ด้านใน Tags , คลิกที่ New



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



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



  1. คลิกที่ Choose a trigger to make this tag fire ใต้ Triggering
  2. เลือก CookieWow Event



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


  1. เลือก Initialization - All pages



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



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


  1. ไปที่ https://tagmanager.google.com/#/home และเลือกโปรเจ็กที่คุณต้องการติดตั้ง Google Consent Mode
  2. คลิกที่ปุ่ม Preview บริเวณด้านขวาบน จะมีหน้าต่าง Tag Assistant แสดงขึ้นมา



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



  1. จะมีหน้าต่างเว็บไซต์ที่ท่านต้องการตรวจสอบแสดงขึ้นมา
  2. ในหน้าต่าง Tag Assistant คลิกที่ Initialization ด้านซ้ายมือ
  3. ใต้ Consent Tab หากคุณยังไม่ได้ให้ความยินยอมผ่าน CookieWow Banner คุณจะเห็นค่าของ analytics_storage and ad_storage เป็น ‘denied’ และเมื่อเข้าไปยัง network ของ browser ของคุณ ใน network ข้อมูลที่ส่งไปยัง GA จะมี tag GA100




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




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





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

      gtag('consent', 'default', {
        'ad_storage': 'denied',
        'analytics_storage': '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'
          })
        }
      }

      cwcCookieWrapper()
		</script>



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


References

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

บทความนี้เป็นประโยชน์หรือไม่?

แบ่งปันความคิดเห็นของคุณ

ยกเลิก

ขอบคุณ!