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: ตั้งค่าเหตุการณ์ Conversion

หากต้องการตั้งค่าเหตุการณ์ Conversion คุณต้องดำเนินการ 2 อย่างต่อไปนี้

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

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

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

วิธีกําหนดเหตุการณ์ Conversion ใหม่ใน Google Analytics

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

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

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

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

  1. เปิด Google Tag Manager

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

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

  4. ป้อนชื่อเหตุการณ์ที่สอดคล้องกับเหตุการณ์ Conversion รายละเอียดแท็กเหตุการณ์ 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 Lookup}}
  3. ระบุแหล่งข้อมูลสำหรับตัวแปร
  4. ตั้งชื่อตัวแปร เช่น "ค้นหากำไร" และบันทึก

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

  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 ในทั้งสองกรณี ให้ระบุช่องต่อไปนี้อย่างน้อย 1 ช่อง อีเมล หรือ phone_ number
วิธีพุชข้อมูลที่ไม่ได้แฮชไปยังชั้นข้อมูล

  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 ของ Google Ads ฝั่งเซิร์ฟเวอร์

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

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

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

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

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

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

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

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

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