Conversion ของ Google Ads

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

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

เอกสารนี้จะถือว่าคุณมี

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

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

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

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

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

ขั้นตอนที่ 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. ป้อนชื่อเหตุการณ์ที่สอดคล้องกับเหตุการณ์สำคัญ รายละเอียดแท็กเหตุการณ์ GA4

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

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

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

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

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

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

    หากต้องการทริกเกอร์แท็กในเหตุการณ์ที่กำหนดเอง ให้ทำดังนี้

    1. เลือกทริกเกอร์เหตุการณ์ที่กําหนดเอง
    2. ป้อนชื่อเหตุการณ์ที่ตรงกับชื่อที่ใช้ในแท็ก Google Analytics: เหตุการณ์ GA4 รายละเอียดทริกเกอร์เหตุการณ์ที่กำหนดเอง

    หากต้องการทริกเกอร์เฉพาะใน URL ที่เฉพาะเจาะจง ให้ทำดังนี้

    1. เลือกตัวเลือกเพื่อทริกเกอร์ในเหตุการณ์ที่กําหนดเองบางรายการ
    2. เพิ่มตัวแปร URL ของหน้าเว็บให้เท่ากับ URL ที่แท็กควรทริกเกอร์

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

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

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

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

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

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

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

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

    • มูลค่า Conversion: ป้อนจํานวนคงที่หรือระบุตัวแปรที่คุณสร้างไว้ก่อนหน้านี้
    • รหัสสกุลเงิน เครื่องมือวัด Conversion ของ Google Ads ที่มีมูลค่า 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 ที่ปรับปรุงแล้ว ให้เพิ่มตัวแปรใหม่หรือที่มีอยู่

  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': 'name@example.com',
  'phone_number': '+11234567890',
  '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': 'name@example.com',
      'phone_number': '+11234567890',
      '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. บันทึกการเปลี่ยนแปลง แท็กควรมีลักษณะดังนี้

    ภาพหน้าจอของการกำหนดค่าแท็ก Google ขั้นสุดท้ายที่อ้างอิงตัวแปรข้อมูลที่ได้จากผู้ใช้

กำหนดค่าแท็กเครื่องมือวัด Conversion ของโฆษณาฝั่งเซิร์ฟเวอร์

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

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

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

    alt_text

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

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

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

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

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

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

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