Conversion ของ Google Ads

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

ก่อนเริ่มต้น

เอกสารนี้ถือว่าคุณมีสิ่งต่อไปนี้

• สิทธิ์ระดับผู้ดูแลระบบใน Google Ads และ Google Tag Manager
• ตั้งค่า Google Tag Manager
• สร้างคอนเทนเนอร์ของเซิร์ฟเวอร์
• ตั้งค่าไคลเอ็นต์ Google Analytics: GA4

ขั้นตอนที่ 1: ตั้งค่าแท็ก Conversion Linker

คุณต้องตั้งค่าแท็ก Conversion Linker เพื่ออนุญาตให้ Google Ads ส่งข้อมูลไปยัง Tag Manager

หากกำหนดค่าแท็ก Conversion Linker ไว้ในคอนเทนเนอร์ของเซิร์ฟเวอร์แล้ว ให้ข้ามขั้นตอนนี้ไปได้เลย

วิธีตั้งค่าแท็ก Conversion Linker

1. จากพื้นที่ทํางานของคอนเทนเนอร์ของเซิร์ฟเวอร์ ให้เปิดเมนูแท็ก ทางด้านซ้ายของหน้า
2. คลิกใหม่ เพื่อเพิ่มแท็กใหม่
3. เลือกประเภทแท็กเป็น Conversion Linker
4. ตั้งค่าทริกเกอร์ที่จะทําให้แท็กฝั่งเซิร์ฟเวอร์ Conversion Linker เริ่มทํางาน
   ในกรณีส่วนใหญ่ ทริกเกอร์ หน้าเว็บทั้งหมด เป็นตัวเลือกที่ดีที่สุด
5. ตั้งชื่อแท็ก แล้วคลิกบันทึก

ขั้นตอนที่ 2: ตั้งค่าเหตุการณ์สำคัญ

หากต้องการตั้งค่าเหตุการณ์สําคัญ คุณต้องทํา 2 สิ่งต่อไปนี้

• ตั้งค่า Google Analytics เพื่อให้ระบบจดจำเหตุการณ์หนึ่งๆ เป็นเหตุการณ์สำคัญ
• ตั้งค่าแท็กเหตุการณ์ Google Analytics: GA4 ในคอนเทนเนอร์เว็บ Tag Manager เพื่อส่งเหตุการณ์สําคัญ

หากตั้งค่าเหตุการณ์สําคัญไว้แล้วและต้องการติดตั้งใช้งานแท็กเซิร์ฟเวอร์ เท่านั้น ให้ข้ามไปที่ขั้นตอนที่ 3

ตั้งค่า Google Analytics ให้จดจำเหตุการณ์สำคัญที่กำหนดเอง

วิธีกำหนดเหตุการณ์สำคัญใหม่ใน Google Analytics

1. เปิด Google Analytics

2. เปิดเมนู ผู้ดูแลระบบ ที่ด้านล่างซ้าย

3. ในรายการการตั้งค่าพร็อพเพอร์ตี้ ให้เลือก เหตุการณ์สำคัญ

4. คลิกปุ่มเหตุการณ์สำคัญใหม่ แล้วเพิ่มชื่อเหตุการณ์สำคัญ ซึ่งอาจเป็นชื่อเหตุการณ์ที่แนะนํา หรือเหตุการณ์ที่กําหนดเอง

5. บันทึก ชื่อเหตุการณ์

ตั้งค่าเหตุการณ์สำคัญใน Google Tag Manager

หากเหตุการณ์สำคัญเริ่มทํางานในเหตุการณ์การดูหน้าเว็บ ให้ข้ามไปที่ขั้นตอน 3

วิธีตั้งค่าเหตุการณ์สำคัญ

1. เปิด Google Tag Manager

2. ในพื้นที่ทํางานของคอนเทนเนอร์ฝั่งเว็บ ให้เพิ่มแท็ก Google Analytics: เหตุการณ์ GA4

3. ในแท็กการกำหนดค่า ให้เลือกแท็ก Google สําหรับเว็บไซต์

4. ป้อนชื่อเหตุการณ์ที่ตรงกับเหตุการณ์สําคัญ

หมายเหตุ: เมื่อส่งข้อมูลที่ได้จากผู้ใช้ไปยังแท็กเหตุการณ์ คุณต้องตั้งชื่อพารามิเตอร์เหตุการณ์ของตัวแปรเป็น user_data ซึ่งจะช่วยให้ส่งข้อมูลไปยัง แท็กการกำหนดค่าและคอนเทนเนอร์ฝั่งเซิร์ฟเวอร์ได้เมื่อแท็กเหตุการณ์เริ่มทํางาน และ ช่วยให้มั่นใจว่าข้อมูลผู้ใช้ที่แฮชและ Conversion ที่ปรับปรุงแล้วทํางานได้อย่างถูกต้อง นอกจากนี้ คุณยังเพิ่มข้อมูลที่ได้จากผู้ใช้ลงในแท็กเหตุการณ์ได้โดยตรงโดยใช้ ฟีเจอร์การแปลง

ขั้นตอนที่ 3: ตั้งค่าแท็กเครื่องมือวัด Conversion ของ Google Ads ในคอนเทนเนอร์ของเซิร์ฟเวอร์

วิธีตั้งค่าแท็กเครื่องมือวัด Conversion ของ Google Ads

1. ในพื้นที่ทํางานของคอนเทนเนอร์ของเซิร์ฟเวอร์ ให้เปิดเมนูแท็ก ทางด้านซ้ายของหน้า
2. คลิกใหม่ เพื่อเพิ่มแท็กใหม่

3. เลือกประเภทแท็กเป็นเครื่องมือวัด Conversion ของ Google Ads

   หมายเหตุ: แท็กจะอ่านค่าต่อไปนี้จาก ช่องอีคอมเมิร์ซ ที่เกี่ยวข้องโดยอัตโนมัติ ได้แก่ รหัสธุรกรรม มูลค่า Conversion และรหัสสกุลเงิน

4. ป้อนข้อมูล Conversion ที่จําเป็น (รหัส Conversion และป้ายกํากับ) คุณดูค่าเหล่านี้ได้ในบัญชี Google Ads

5. ในเมนูการเรียกให้แสดง ให้เลือกทริกเกอร์ที่มีอยู่หากตรงกับกรณีการใช้งานของคุณ หากไม่มีทริกเกอร์ที่มีอยู่ตอบโจทย์ความต้องการ ให้สร้างทริกเกอร์ที่กําหนดเองใหม่

   วิธีเรียกให้แท็กเริ่มทํางานในเหตุการณ์ที่กําหนดเอง:

   1. เลือกทริกเกอร์เหตุการณ์ที่กําหนดเอง

   2. ป้อนชื่อเหตุการณ์ที่ตรงกับชื่อที่ใช้ในแท็ก Google Analytics: เหตุการณ์ GA4 วิธีเรียกให้เริ่มทํางานใน URL ที่เฉพาะเจาะจงเท่านั้น:

   3. เลือกตัวเลือกเพื่อเรียกให้เริ่มทํางานในเหตุการณ์ที่กําหนดเองบางรายการ

   4. เพิ่มตัวแปร URL ของหน้าเว็บ ให้เท่ากับ URL ที่แท็กควรเริ่มทํางาน

6. ตั้งชื่อแท็ก แล้วคลิกบันทึก

ไม่บังคับ: กําหนดมูลค่า Conversion

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

หมายเหตุ:คอนเทนเนอร์ของเซิร์ฟเวอร์จะเข้ารหัสมูลค่ารายได้เพื่อให้มั่นใจว่าข้อมูล Conversion จะไม่ถูกเปิดเผยเมื่อเซิร์ฟเวอร์ส่งข้อมูลกลับไปยังเบราว์เซอร์

วิธีสร้างตัวแปรใหม่

1. เปิดเมนูตัวแปร ในคอนเทนเนอร์ของเซิร์ฟเวอร์
2. สร้างตัวแปรที่กําหนดโดยผู้ใช้ใหม่สําหรับอินพุตข้อมูล เช่น หากต้องการใช้ค่าจากฐานข้อมูล Firestore ให้สร้างตัวแปร {{การค้นหา Firestore}}
3. ระบุแหล่งข้อมูลสําหรับตัวแปร
4. ตั้งชื่อตัวแปร เช่น "การค้นหากําไร" แล้วบันทึก

ตั้งค่ามูลค่า Conversion ที่กําหนดเองในแท็กเครื่องมือวัด Conversion ของ Google Ads

1. เปิดเมนูแท็ก ในคอนเทนเนอร์ของเซิร์ฟเวอร์
2. แก้ไขแท็กเครื่องมือวัด Conversion ของ Google Ads ที่มีอยู่ หรือสร้างแท็กใหม่

3. หากต้องการกําหนดค่ามูลค่า Conversion ที่กําหนดเอง ให้ระบุ 2 ช่องต่อไปนี้

   • มูลค่า Conversion: ป้อนจํานวนเงินคงที่หรือระบุ ตัวแปรที่คุณสร้างไว้ก่อนหน้านี้
   • รหัสสกุลเงิน

4. บันทึก แท็ก

ขั้นตอนที่ 4: Conversion ที่ปรับปรุงแล้ว

หากไม่ได้ใช้ Conversion ที่ปรับปรุงแล้ว ให้ข้ามไปที่ ตรวจสอบการตั้งค่า

หากต้องการกําหนดค่า Conversion ที่ปรับปรุงแล้ว ให้ทําตาม ขั้นตอนด้านล่าง

ตั้งค่าตัวแปรข้อมูลที่ได้จากผู้ใช้

คุณติดตั้งใช้งาน Conversion ที่ปรับปรุงแล้วใน Tag Manager ได้ 3 วิธีหลักๆ ต่อไปนี้ คุณต้องเลือกเพียงตัวเลือกเดียวเพื่อรวบรวมข้อมูลที่ได้จากผู้ใช้

	การรวบรวมอัตโนมัติ	การกําหนดค่าด้วยตนเอง	การกําหนดค่าโค้ด
วิธีการรวบรวม	รวบรวมข้อมูลที่ได้จากผู้ใช้โดยอัตโนมัติตามโค้ดของเว็บไซต์ หากต้องการควบคุมตำแหน่งที่จะรวบรวมอินพุต ให้เลือกใช้การตั้งค่าด้วยตนเองหรือตั้งค่าโค้ด	ระบุพร็อพเพอร์ตี้ CSS หรือตัวแปร JavaScript ที่ต้องการเพื่อรวบรวมข้อมูลที่ได้จากผู้ใช้ หากคุณจําเป็นต้องควบคุมการจัดรูปแบบและแฮชข้อมูล ให้เลือกการกําหนดค่าโค้ด	เพิ่มข้อมูลโค้ดบนเว็บไซต์ที่ส่งข้อมูลลูกค้าที่แฮชสำหรับการจับคู่ วิธีนี้เป็นตัวเลือกที่ดีที่สุดในการเพิ่มความแม่นยําของ Conversion ที่ปรับปรุงแล้วให้ได้สูงสุด โดยจะให้คุณส่งข้อมูลที่มีรูปแบบสอดคล้องกันเมื่อแท็ก Conversion เริ่มทํางาน
ความซับซ้อน	เรียบง่าย	ปานกลาง	ซับซ้อน
ทักษะ	ไม่ต้องใช้ทักษะพิเศษ	HTML และ CSS	การพัฒนาเว็บ

การรวบรวมอัตโนมัติ

1. ในคอนเทนเนอร์ฝั่งเว็บ ให้เปิดเมนูตัวแปร
2. สร้างตัวแปรที่กําหนดโดยผู้ใช้ ใหม่ประเภทข้อมูลที่ได้จากผู้ใช้
3. ตั้งค่าประเภท เป็นการรวบรวมอัตโนมัติ
4. ตั้งชื่อตัวแปร เช่น My user-defined data
5. คลิกบันทึก

การกําหนดค่าด้วยตนเอง

1. ในคอนเทนเนอร์ฝั่งเว็บ ให้เปิดเมนูตัวแปร
2. สร้างตัวแปรที่กําหนดโดยผู้ใช้ ใหม่ประเภทข้อมูลที่ได้จากผู้ใช้
3. ตั้งค่าประเภท เป็นการกําหนดค่าด้วยตนเอง

4. สําหรับฟิลด์ข้อมูลผู้ใช้ที่เกี่ยวข้องซึ่งคุณต้องการระบุผ่าน Conversion ที่ปรับปรุงแล้ว ให้เพิ่มตัวแปรใหม่หรือที่มีอยู่

   หมายเหตุ: หากมีตัวแปรอยู่ในชั้นข้อมูล (ไม่ว่าจะใช้ตัวเลือก CSS หรือตัวแปรประเภทอื่น) คุณสามารถเลือกตัวแปรเหล่านั้นแทนการสร้างตัวแปรใหม่ได้ หากไม่แน่ใจ ให้ทําตามวิธีการต่อไป โดยจะแฮชหรือไม่แฮชตัวแปรก็ได้

5. ในการระบุองค์ประกอบจาก DOM ให้สร้างตัวแปรใหม่ > การกําหนดค่าตัวแปร > องค์ประกอบ DOM

6. ในส่วนวิธีการเลือก คุณจะใช้ตัวเลือก CSS หรือรหัส ก็ได้ เคล็ดลับ: หากตัวแปร CSS เปลี่ยนแปลงบ่อย ให้เพิ่มรหัส HTML ลงในเว็บไซต์และใช้ตัวแปรรหัส

7. ป้อนตัวเลือก CSS หรือชื่อรหัส เว้นช่องชื่อแอตทริบิวต์ให้ว่างไว้ได้

8. ตั้งชื่อและบันทึก ตัวแปรองค์ประกอบ DOM หน้าจอจะกลับไปที่การตั้งค่าข้อมูลที่ได้จากผู้ใช้

9. ตั้งชื่อตัวแปรข้อมูลที่ได้จากผู้ใช้ เช่น My user-defined data

10. คลิกบันทึก

การกําหนดค่าโค้ด

ขั้นตอนที่ 1: ระบุและกําหนดตัวแปร Conversion ที่ปรับปรุงแล้ว

คุณจะส่งข้อมูลที่ไม่ได้แฮช (ซึ่ง Google จะแฮชก่อนที่จะไปถึงเซิร์ฟเวอร์) หรือข้อมูลที่แฮชไว้ล่วงหน้าก็ได้ หากต้องการส่งข้อมูลที่แฮชไว้ล่วงหน้า โปรดเข้ารหัสข้อมูลโดยใช้ SHA256 ที่เข้ารหัสเลขฐาน 16 ไม่ว่าจะเป็นกรณีใด ให้ระบุฟิลด์ email หรือ phone_number อย่างน้อย 1 ฟิลด์
วิธีพุชข้อมูลที่ไม่ได้แฮช เข้าไปในชั้นข้อมูล

1. ในเว็บไซต์ ให้จัดเก็บข้อมูลที่ได้จากผู้ใช้เป็นคู่คีย์-ค่าในตัวแปร JavaScript เช่น

   var leadsUserData = {
     'email': '[e-mail]',
     'phone_number': '[phone]',
     'address': {
       first_name: 'John',
       last_name: 'Doe',
       street: '123 Lemon',
       city: 'Some city',
       region: 'CA',
       country: 'US',
       postal_code: '12345',
     },
   };
   

2. ส่งข้อมูลผู้ใช้ไปพร้อมกับเหตุการณ์โดยใช้ dataLayer.push() ดังตัวอย่างต่อไปนี้

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'email': '[e-mail]',
         'phone_number': '[phone]',
         'address': {
            first_name: 'John',
            last_name: 'Doe',
            street: '123 Lemon',
            city: 'Some city',
            region: 'CA',
            country: 'US',
           postal_code: '12345',
          },
        },
     });
   <script>
   

ตอนนี้ตัวแปร leadsUserData ก็พร้อมใช้งานใน Google Tag Manager แล้ว

วิธีพุชข้อมูลที่แฮชไว้ล่วงหน้า เข้าไปในชั้นข้อมูล

1. ในเว็บไซต์ ให้แฮชข้อมูลที่ได้จากผู้ใช้โดยใช้ SHA256 ที่เข้ารหัสเลขฐาน 16 คีย์ของข้อมูลที่เข้ารหัสต้องขึ้นต้นด้วย sha256_ เช่น

   {'sha256_email_address':await hashEmail(email.trim()),
   }
   

2. ส่งข้อมูลผู้ใช้ไปพร้อมกับเหตุการณ์โดยใช้ dataLayer.push() ตัวอย่างด้านล่างแสดงการใช้ชั้นข้อมูลโดยสมมติว่าคุณเขียนฟังก์ชันการแฮชด้วยตัวเอง ซึ่งเรียกใช้แบบไม่พร้อมกันได้

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'sha256_email_address': await hashEmail(email.trim()),
         'sha256_phone_number': await hashPhoneNumber(phoneNumber),
         'address': {
           sha265_first_name: await hashString(firstname),
           sha256_last_name: await hashString(lastname),
           sha256_street: await hashString(streetAddress),
           postal_code: '12345',
          },
        },
     });
   <script>
   

ตอนนี้ตัวแปร leadsUserData ก็พร้อมใช้งานใน Google Tag Manager แล้ว

ขั้นตอนที่ 2: สร้างตัวแปรข้อมูลที่ได้จากผู้ใช้

1. ในคอนเทนเนอร์ฝั่งเว็บ ให้เปิดเมนูตัวแปร
2. สร้างตัวแปรที่กําหนดโดยผู้ใช้ ใหม่ประเภทข้อมูลที่ได้จากผู้ใช้
3. ตั้งค่าประเภท เป็นโค้ด
4. สําหรับฟิลด์ข้อมูลผู้ใช้ที่เกี่ยวข้องซึ่งคุณต้องการระบุ ให้คลิกเมนูแบบเลื่อนลง แล้วเลือกตัวแปรใหม่
5. ในส่วนเลือกประเภทตัวแปร ให้เลือกตัวแปรชั้นข้อมูล
6. ในตัวแปรชั้นข้อมูล ให้อ้างอิงข้อมูลผู้ใช้ที่จัดเก็บไว้ เช่น leadsUserData
7. ตั้งชื่อและบันทึก ตัวแปรชั้นข้อมูล หน้าจอจะกลับไปที่การตั้งค่าข้อมูลที่ได้จากผู้ใช้
8. ตั้งชื่อตัวแปรข้อมูลที่ได้จากผู้ใช้ เช่น My user-defined data
9. คลิกบันทึก

กําหนดตัวแปรให้กับแท็ก Google

1. เปิดเมนูแท็ก ในคอนเทนเนอร์ฝั่งเว็บ
2. แก้ไขแท็ก Google ที่คุณใช้ส่งข้อมูลไปยังเซิร์ฟเวอร์การติดแท็ก
3. ในส่วนการตั้งค่าการกําหนดค่า ให้เพิ่มพารามิเตอร์การกําหนดค่า ใหม่ชื่อ user_data ตั้งค่าค่า เป็นตัวแปรข้อมูลที่ได้จากผู้ใช้ เช่น {{My user-provided data}}

4. บันทึก การเปลี่ยนแปลง แท็กควรมีลักษณะดังนี้

   

กําหนดค่าแท็กเครื่องมือวัด Conversion ของ Google Ads ฝั่งเซิร์ฟเวอร์

วิธีเปิดใช้ Conversion ที่ปรับปรุงแล้วในคอนเทนเนอร์ของเซิร์ฟเวอร์

1. เปิดเมนูแท็ก ในพื้นที่ทํางานของเซิร์ฟเวอร์
2. แก้ไขแท็กเครื่องมือวัด Conversion ของ Google Ads

3. กดบันทึก เพื่อบันทึกการเปลี่ยนแปลง

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

   

ขั้นตอนที่ 5: ตรวจสอบการตั้งค่า

เมื่อเริ่มส่งข้อมูลด้วยคอนเทนเนอร์ของเซิร์ฟเวอร์แล้ว คุณสามารถตรวจสอบว่าคอนเทนเนอร์ทํางานอย่างถูกต้องหรือไม่โดยทําตามขั้นตอนต่อไปนี้

1. เปิดเว็บไซต์
2. ในคอนเทนเนอร์ของเซิร์ฟเวอร์ Google Tag Manager ให้เลือกแสดงตัวอย่าง ผู้ช่วยแท็กจะเริ่มทํางานและโหลดคอนเทนเนอร์ของเซิร์ฟเวอร์
3. แท็บแท็ก จะแสดงแท็กทั้งหมดที่เริ่มทํางาน ตรวจสอบว่าแท็กที่คุณกําหนดค่าไว้เริ่มทํางานแล้ว
4. แท็บคอนโซล จะแสดงข้อผิดพลาดที่เกิดขึ้นระหว่างการส่งข้อมูลไปยังคอนเทนเนอร์ของเซิร์ฟเวอร์ ตรวจสอบข้อผิดพลาดและแก้ไข

ดูความช่วยเหลือเพิ่มเติมเกี่ยวกับการแก้ไขข้อบกพร่องของคอนเทนเนอร์ Tag Manager ได้ที่ความช่วยเหลือเกี่ยวกับการแสดงตัวอย่างและการแก้ไขข้อบกพร่อง

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

เมื่อแท็กเครื่องมือวัด Conversion ของ Google Ads ทํางานตามที่ต้องการแล้ว คุณสามารถนําแท็กเครื่องมือวัด Conversion ของ Google Ads ที่เทียบเท่ากันออกจากคอนเทนเนอร์ฝั่งเว็บเพื่อหลีกเลี่ยงการทําซ้ำข้อมูล

หากคุณใช้แคมเปญรีมาร์เก็ตติ้งของ Google Ads ด้วยและต้องการวัดผลแคมเปญโดยใช้การติดแท็กฝั่งเซิร์ฟเวอร์ ให้ตั้งค่า รีมาร์เก็ตติ้ง Google Ads