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

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

หากมีการกำหนดค่าแท็ก 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 4
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 บางรายการ ให้ทำดังนี้

   1. เลือกตัวเลือกเพื่อทริกเกอร์เหตุการณ์ที่กําหนดเองบางรายการ
   2. เพิ่มตัวแปร 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