ตั้งค่าการวัด Conversion ของ Google Ads สําหรับหน้า Landing Page แบบ AMP

คู่มือนี้อธิบายการตั้งค่าและการกำหนดค่าที่จำเป็นเพื่อให้การวัด Conversion ทำงานในหน้า Landing Page ของ AMP ได้

ดูภาพรวมทั้งหมดของ AMP สำหรับ Google Ads ได้ที่การใช้ AMP สำหรับหน้า Landing Page ของ Google Ads ซึ่งเป็นคำแนะนำทีละขั้นตอนในการติดตั้งใช้งาน AMP กับ Google Ads

หากใช้ Google Analytics ให้ทําตามขั้นตอนในหัวข้อตั้งค่าการรวมเซสชันของ Google Analytics สําหรับ AMP เพื่อให้ระบบเชื่อมโยงเซสชันของผู้ใช้ในหน้า AMP และส่วนที่เหลือของเว็บไซต์ เราขอแนะนําให้กําหนดค่า Google Analytics หากคุณสร้าง Conversion โฆษณาของ Google Ads โดยอิงตามเหตุการณ์สําคัญของ Google Analytics หรือลิงก์ Google Ads กับ Google Analytics

ฉากหลัง

เพื่อให้วัด Conversion ได้อย่างแม่นยำ การคลิกโฆษณาจะส่งต่อ GCLID ("หมายเลขระบุคลิกของ Google") ไปยังหน้า Landing Page หน้า Landing Page จะจัดเก็บ GCLID ไว้ในคุกกี้ในโดเมนของคุณ จากนั้นพารามิเตอร์ GCLID จะรวมอยู่ในแท็ก Conversion ในเว็บไซต์ โปรดอ่านรายละเอียดในวิธีที่ Google Ads ใช้ติดตาม Conversion ในเว็บไซต์

เนื่องจากหน้า Landing Page ของ AMP แสดงจากโดเมนของคุณเองโดยตรง จึงสามารถจัดเก็บ GCLID ไว้ในคุกกี้ในโดเมนของคุณได้ หากหน้า Landing Page ของ AMP และหน้า Conversion อยู่ในโดเมนหรือโดเมนย่อยที่แตกต่างกันซึ่งไม่สามารถแชร์คุกกี้ได้ คุณต้องส่ง GCLID ในลิงก์ขาออกไปยังหน้าเว็บไซต์โดยใช้พารามิเตอร์การค้นหาใน URL จากนั้นแท็กในหน้าเว็บไซต์จะดึงข้อมูล GCLID จากพารามิเตอร์การค้นหาและจัดเก็บ GCLID เป็นคุกกี้ในโดเมนของคุณ

วิชาบังคับก่อน

เปิดใช้การติดแท็กอัตโนมัติของ Google Ads เพื่อวัด Conversion ในเว็บไซต์ในเบราว์เซอร์ทั้งหมด

การกำหนดค่าพื้นฐาน

ขั้นตอนที่ 1: แท็กในหน้า Landing Page แบบ AMP

หากต้องการใช้คอมโพเนนต์ amp-analytics ให้เริ่มด้วยการใส่สคริปต์ที่จำเป็นในองค์ประกอบ <head> ของหน้า AMP จากนั้นคุณจะกำหนดค่าแท็ก Google Ads ด้วยคอมโพเนนต์ amp-analytics ได้โดยใช้แท็ก Google หรือ Google Tag Manager

ตัวเลือกที่ 1 แท็ก Google

การใช้แท็ก Google สำหรับ AMP เริ่มต้นในหน้า Landing Page ของ AMP ที่มีรหัสแท็ก Google Ads จะเพิ่มผู้เข้าชมเว็บไซต์ลงในรายการรีมาร์เก็ตติ้ง "ผู้เข้าชมทั้งหมด" (หากคุณตั้งค่ารีมาร์เก็ตติ้งไว้)

การกำหนดค่านี้ยังจัดเก็บ GCLID ไว้ในคุกกี้ของบุคคลที่หนึ่งในโดเมนของคุณ และส่ง GCLID โดยค่าเริ่มต้นข้ามโดเมนย่อยมาตรฐาน (www., m. และ amp.) ในข้อมูลโค้ดตัวอย่างต่อไปนี้ ให้แทนที่ AW-CONVERSION_ID ด้วยรหัสแท็ก Google Ads (เช่น AW-123456789)

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "AW-CONVERSION_ID",
    "config" : {
      "AW-CONVERSION_ID": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

สำหรับช่อง gtag_id คุณสามารถระบุรหัสแท็กจากผลิตภัณฑ์ Google ใดก็ได้ (เช่น Google Ads หรือ Search Ads 360) ที่คุณใช้ในหน้า AMP แต่ให้ใส่รหัสผลิตภัณฑ์เพียงรหัสเดียวใน gtag_id

ตัวเลือกที่ 2: Google Tag Manager

• สร้างคอนเทนเนอร์ AMP ของ Google Tag Manager และเพิ่มข้อมูลโค้ดเริ่มต้นลงในหน้า AMP
• เพิ่มแท็ก Conversion Linker ลงในคอนเทนเนอร์ AMP ของ Google Tag Manager เพื่อจัดเก็บ GCLID ไว้ในคุกกี้ของบุคคลที่หนึ่งในโดเมนของคุณ และส่ง GCLID ไปยังโดเมนย่อยมาตรฐาน

ขั้นตอนที่ 2: แท็กในหน้าที่ไม่ใช่ AMP

ตรวจสอบตัวเลือกต่อไปนี้สำหรับแท็กที่จำเป็นในหน้าที่ไม่ใช่ AMP ทำตามวิธีการโดยละเอียดในวิธีที่ Google Ads ติดตาม Conversion ในเว็บไซต์สำหรับแต่ละตัวเลือกด้านล่าง

ตัวเลือกที่ 1 แท็ก Google

ทำตามวิธีการตั้งค่าแท็ก Google ดังนี้

• วางข้อมูลโค้ดแท็ก Google ไว้ในทุกหน้าของเว็บไซต์
• ในหน้า Conversion ให้วางข้อมูลโค้ดเหตุการณ์ไว้ในส่วนใดก็ได้ของโค้ด แต่ต้องอยู่หลังข้อมูลโค้ดแท็ก Google

ตัวเลือกที่ 2: Google Tag Manager

ในคอนเทนเนอร์ฝั่งเว็บของ Google Tag Manager ให้ทำดังนี้

• สร้างแท็ก Conversion ของ Google Ads ใน Google Tag Manager
• เพิ่มแท็ก Conversion Linker ลงในคอนเทนเนอร์ฝั่งเว็บของ Google Tag Manager และตั้งค่าให้เริ่มทำงานในทุกหน้า

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

การกําหนดค่าขั้นสูง: ตั้งค่าการวัด Conversion ในโดเมนต่างๆ

หากหน้า AMP อยู่ในโดเมนย่อยที่ไม่ได้มาตรฐาน (นั่นคือไม่ใช่ www., m. หรือ amp.) หรือลิงก์ไปยังหน้าในโดเมนระดับบนสุดอื่น ให้ทำการกำหนดค่าข้ามโดเมนต่อไปนี้ให้เสร็จสมบูรณ์

ขั้นตอนที่ 1: แท็กในหน้า Landing Page แบบ AMP

คุณสามารถกําหนดค่าแท็ก Google Ads ด้วยแท็ก Google หรือ Google Tag Manager ก็ได้

ตัวเลือกที่ 1 แท็ก Google

• ติดตั้งใช้งานแท็ก Google สำหรับ AMP ในหน้า AMP
• เพิ่มข้อมูลโค้ดต่อไปนี้ลงในหน้า AMP
  • แทนที่ AW-CONVERSION_ID ด้วยรหัสแท็ก Google Ads (เช่น AW-123456789)
  • ในอาร์เรย์ domains ให้ใส่โดเมนที่โฮสต์หน้า AMP พร้อมกับโดเมนหรือโดเมนย่อยปลายทาง

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "AW-CONVERSION_ID",
    "linker": { "domains": ["subdomain1.example.com", "subdomain2.example.com", "www.example2.com"] },
    "config" : {
      "AW-CONVERSION_ID": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

สำหรับช่อง gtag_id คุณสามารถระบุรหัสแท็กจากผลิตภัณฑ์ Google ใดก็ได้ (เช่น Google Ads หรือ Search Ads 360) ที่คุณใช้ในหน้า AMP แต่ให้ใส่รหัสผลิตภัณฑ์เพียงรหัสเดียวใน gtag_id

ตัวเลือกที่ 2: Google Tag Manager

• สร้างคอนเทนเนอร์ AMP ของ Google Tag Manager และติดตั้งใช้งานแท็กที่สอดคล้องกับ AMP
• เพิ่มแท็ก Conversion Linker ลงในคอนเทนเนอร์ AMP
• เลือกเปิดใช้การลิงก์ข้ามโดเมน และในโดเมนลิงก์อัตโนมัติ ให้ป้อนโดเมนที่โฮสต์หน้า AMP และโดเมนปลายทางสำหรับลิงก์ขาออกเป็นรายการที่คั่นด้วยคอมมา
• เพิ่มข้อมูลโค้ด AMP ของ Google Tag Manager เริ่มต้นลงในหน้า AMP โดยแทนที่ GTM_CONTAINER_ID ด้วยรหัสคอนเทนเนอร์ (เช่น GTM-XXXXXX) ดังนี้

<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM_CONTAINER_ID&gtm.url=SOURCE_URL" data-credentials="include">
</amp-analytics>

ขั้นตอนที่ 2: แท็กในหน้าที่ไม่ใช่ AMP

กำหนดค่าแท็กในหน้าที่ไม่ใช่ AMP ด้วยแท็ก Google หรือ Google Tag Manager

ตัวเลือกที่ 1 แท็ก Google

• เพิ่มข้อมูลโค้ดแท็ก Google ต่อไปนี้ลงในหน้าที่ไม่ใช่ AMP
  • แทนที่ AW-CONVERSION_ID ด้วยรหัสแท็ก Google Ads (เช่น AW-123456789)
  • ในอาร์เรย์ domains ให้ใส่โดเมนที่โฮสต์หน้า AMP พร้อมกับโดเมนหรือโดเมนย่อยปลายทาง

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-CONVERSION_ID', {
    'linker': {
      'domains': ['subdomain1.example.com', 'subdomain2.example.com', 'www.example2.com']
    }
  });
</script>

ตัวเลือกที่ 2: Google Tag Manager

• ในคอนเทนเนอร์ฝั่งเว็บของ Google Tag Manager ให้ทำดังนี้
  • กำหนดค่าแท็ก Conversion Linker ให้ลิงก์ข้ามโดเมน
  • ใช้ข้อมูลโค้ด Google Tag Manager เริ่มต้นในหน้าที่ไม่ใช่ AMP
  • หากใช้ Google Analytics ให้กำหนดค่าโดเมนในส่วนผู้ดูแลระบบ Google Analytics เพื่อวัดผลแบบข้ามโดเมน

การกำหนดค่าที่ไม่บังคับ

ส่วนนี้อธิบายการกำหนดค่าเพิ่มเติมที่ไม่บังคับซึ่งอาจจำเป็นสำหรับการติดตั้งใช้งาน AMP

เหตุการณ์ Conversion ในหน้า AMP

ในกรณีส่วนใหญ่ Conversion จะเกิดขึ้นในหน้าต่อๆ ไปในเส้นทางของผู้ใช้ซึ่งมักจะเป็นหน้าที่ไม่ใช่ AMP ในกรณีเหล่านี้ ให้ทำตามวิธีการในบทความวิธีที่ Google Ads ติดตาม Conversion ในเว็บไซต์

ส่วนนี้ครอบคลุมกรณีที่คุณต้องการวัด Conversion ในหน้า Landing Page แบบ AMP เอง

การใช้แท็ก Google

ในหน้า AMP ที่ต้องการบันทึก Conversion ให้เพิ่มทริกเกอร์ Conversion ลงในออบเจ็กต์ triggers ตัวอย่างต่อไปนี้แสดงแท็กที่สมบูรณ์ในหน้า Conversion ของ AMP ซึ่งรายงาน Conversion โฆษณาของ Google Ads

<!-- Google tag (gtag) -->
<amp-analytics type="gtag" data-credentials="include">
  <script type="application/json">
  {
    "vars": {
      "gtag_id": "AW-CONVERSION_ID",
      "config": {
        "AW-CONVERSION_ID": {
          "groups": "default"
        }
      }
    },
    "triggers": {
      "CONVERSION_LABEL": {
        "on": "visible",
        "vars": {
          "event_name": "purchase",
          "transaction_id": "",
          "value": 15,
          "currency": "USD",
          "send_to": "AW-CONVERSION_ID/CONVERSION_LABEL"
        }
      }
    }
  }
  </script>
</amp-analytics>

โปรดสังเกตช่องต่อไปนี้ในแท็ก <amp-analytics> นี้

• ช่อง gtag_id มีรหัสแท็กที่ได้จาก Conversion ของ Google Ads (เช่น AW-123456789) และ CONVERSION_LABEL คือป้ายกำกับ Conversion สำหรับการกระทำที่ถือเป็น Conversion
• คุณสามารถระบุรหัสแท็กจากผลิตภัณฑ์ Google ใดก็ได้ที่ใช้ในหน้า AMP แต่ให้ใส่รหัสสินค้าเพียงรหัสเดียวในช่อง gtag_id
• ออบเจ็กต์ config ต้องมี 1 รายการสำหรับผลิตภัณฑ์ Google แต่ละรายการที่คุณใช้เพื่อวัดกิจกรรมในเว็บไซต์ AMP
• หากคุณใช้ทั้ง Google Ads และ Search Ads 360 โปรดดูรายละเอียดทางเทคนิคสําหรับแท็ก Google และข้อมูลโค้ดเหตุการณ์เพื่อดูตัวอย่างแท็ก AMP ของ Search Ads 360
• ในตัวอย่างนี้ คอมโพเนนต์ amp-analytics จะเริ่มทำงานในเหตุการณ์ visible ของหน้าเว็บ หรือจะกำหนดค่า Conversion ให้เริ่มทำงานในเหตุการณ์อื่น เช่น click ของปุ่มก็ได้

การใช้ Google Tag Manager

ในคอนเทนเนอร์ AMP ของ Google Tag Manager ให้เพิ่มแท็กเครื่องมือวัด Conversion ของ Google Ads หรือรีมาร์เก็ตติ้ง Google Ads แล้วกำหนดค่าทริกเกอร์สำหรับเหตุการณ์ Conversion

การติดตามการโทรของ Google Ads

เครื่องมือวัด Conversion การโทรรองรับหน้า AMP ใน Google Ads

ขั้นตอนที่ 1: ค้นหาการกำหนดค่า Conversion

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

ตัวเลือกที่ 1: ใช้ตัวเลือกการตั้งค่า Google Tag Manager ใน Google Ads

1. ลงชื่อเข้าใช้บัญชี Google Ads แล้วเลือกเป้าหมาย > Conversion > สรุป
2. เลือก + สร้างการกระทำที่ถือเป็น Conversion (หรือการกระทำที่ถือเป็น Conversion ใหม่) แล้วสร้างการกระทำที่ถือเป็น Conversion การโทรจากเว็บไซต์โดยทำตามตั้งค่า Conversion การโทร
3. ในขั้นตอนการตั้งค่าแท็ก ให้เลือกใช้ Google Tag Manager
4. คัดลอกรหัส Conversion และป้ายกำกับ Conversion เพื่อใช้ในการกำหนดค่าการติดตามการโทร AMP ในขั้นตอนที่ 2

ตัวเลือกที่ 2: ดึงค่าจากข้อมูลโค้ดหมายเลขโทรศัพท์ของแท็ก Google

หากคุณเลือกติดตั้งแท็กด้วยตนเองระหว่างการตั้งค่าแท็ก Google Ads จะสร้างข้อมูลโค้ดโทรศัพท์ที่คล้ายกับตัวอย่างต่อไปนี้

<script>
  gtag('config', 'AW-123456789/_ABcDEFg12hI34567jK', {
    'phone_conversion_number': '1-800-123-4567'
  });
</script>

ดึงข้อมูลรหัส Conversion ที่เป็นตัวเลข (ไม่มีคำนำหน้า AW-) และป้ายกำกับ Conversion จากสตริงเป้าหมาย gtag('config', ...)

ขั้นตอนที่ 2: กำหนดค่าเครื่องมือติดตามการโทร AMP

ใส่สคริปต์คอมโพเนนต์ amp-call-tracking ในองค์ประกอบ <head> ของหน้า AMP ดังนี้

<head>
  <script async custom-element="amp-call-tracking"
    src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
</head>

หากต้องการวัด Conversion การโทร ให้รวมลิงก์คลิกเพื่อโทร <a> ไว้ในองค์ประกอบ <amp-call-tracking> ที่ชี้ไปยังปลายทางการติดตามการโทรของ Google Ads ดังนี้

<amp-call-tracking
  config="https://www.googleadservices.com/pagead/conversion/CONVERSION_ID/wcm?cl=CONVERSION_LABEL&tel=1800-123-4567&mode=1">
  <a href="tel:18001234567">+1-800-123-4567</a>
</amp-call-tracking>

แทนที่ค่าต่อไปนี้

• CONVERSION_ID: รหัส Conversion ของ Google Ads ที่เป็นตัวเลขโดยไม่มีคำนำหน้า AW- (เช่น 123456789)
• CONVERSION_LABEL: ป้ายกำกับ Conversion ของ Google Ads (เช่น _ABcDEFg12hI34567jK)

พารามิเตอร์การค้นหา tel ใน URL config ต้องตรงกับหมายเลขโทรศัพท์ในลิงก์ <a> ที่แนบมา

ข้อจำกัด

การลิงก์ Conversion ในโดเมนต่างๆ จะไม่เกิดขึ้นหากผู้ใช้ปิดหน้า AMP โดยไม่ไปที่หน้าถัดไป เนื่องจากการลิงก์ข้ามโดเมนทํางานโดยใช้การตกแต่งลิงก์