หน้านี้ได้รับการแปลโดย Cloud Translation API

ตั้งค่าการวัด 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 Analytics หรือลิงก์ Google Ads กับ Google Analytics

ที่มา

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

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

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

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

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

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

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

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

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

ทั้งยังเปิดใช้การส่งรหัส Conversion ของ GCLID ไปยังหน้าโดเมนตามรูปแบบบัญญัติจากแคช AMP โดยค่าเริ่มต้น (นั่นคือ ลิงก์ Conversion โดยค่าเริ่มต้นหากหน้า Landing Page ของ AMP โฮสต์อยู่บนโดเมน/โดเมนย่อยเดียวกันกับลิงก์ขาออกไปยังหน้าเว็บไซต์ของคุณ) ในข้อมูลโค้ดตัวอย่างด้านล่าง ใช้ ads conversion id ของคุณเอง:

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

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

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

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

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

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

ตัวเลือกที่ 1 แท็ก 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 อย่าลืมกำหนดค่าลิงก์ข้ามโดเมนด้วยการเปิดใช้ยอมรับพารามิเตอร์ลิงก์ขาเข้าสำหรับแท็ก Conversion Linker

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

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

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

คุณจะกำหนดค่าแท็ก Google Ads ด้วยแท็ก Google หรือ Google Tag Manager ก็ได้

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

ใช้แท็ก Google สำหรับ AMP ในหน้า AMP
เพิ่มข้อมูลโค้ดสำหรับหน้า AMP ด้านล่าง
- ใส่รหัส Conversion จริงของ Google Ads แทน ads conversion id
- ใช้ domains เพื่อเพิ่มโดเมนที่โฮสต์หน้า AMP รวมถึงโดเมนปลายทางหรือโดเมนย่อย

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

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

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

เพิ่มข้อมูลโค้ด AMP เริ่มต้นของ Google Tag Manager ด้านล่างลงในหน้า AMP

<!-- 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 สามารถติดแท็กด้วย gtag.js, Google Tag Manager หรือ analytics.js ได้โดยทำดังนี้

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

เพิ่มข้อมูลโค้ดด้านล่างในหน้าที่ไม่ใช่ AMP
- แทนที่ ads conversion id ด้วยรหัส Conversion ของ Google Ads ที่ถูกต้อง
- ใช้ domains เพื่อเพิ่มโดเมนที่โฮสต์หน้า AMP รวมถึงโดเมนปลายทางหรือโดเมนย่อย
```
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', '<var>ads conversion id</var>', {
    'linker': {
      'domains': ['subdomain1.example.com','subdomains2.example.com','www.example2.com']
    }
  });
</script>
```

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

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

ตัวเลือกที่ 3: Analytics.js

สำหรับหน้าที่ไม่ใช่ AMP คุณสามารถใช้ข้อมูลโค้ด analytics.js เริ่มต้นเพื่ออ่านพารามิเตอร์ Linker ของ AMP ได้

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_MEASUREMENT_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

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

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_MEAUSREMENT_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomains2.example.com', 'www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

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

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

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

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

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

การใช้แท็ก Google

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

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

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

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

การใช้ Google Tag Manager

ในคอนเทนเนอร์ AMP ของ Google Tag Manager ให้เพิ่มแท็ก Conversion หรือแท็กรีมาร์เก็ตติ้งตามที่จำเป็น ดังนี้

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

หน้า AMP รองรับการติดตามการโทรเพื่อเปิดใช้เครื่องมือวัด Conversion ใน Google Ads โปรดทราบว่าเบราว์เซอร์ Safari ยังไม่รองรับฟีเจอร์นี้ในขณะนี้

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

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

ตัวเลือกที่ 1: การใช้ UI ของ Google Ads

หากต้องการใช้ช่อง Conversion ที่ Google Tag Manager ให้ไว้ ให้ลงชื่อเข้าใช้บัญชี Google Ads แล้วไปที่การตั้งค่าบัญชี Conversion การวัดผล จากนั้นดำเนินการตามขั้นตอนเหล่านี้

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

ตัวเลือกที่ 2: การใช้ข้อมูลโค้ดติดตามการโทร

ตัวแปรข้อมูลโค้ดการโทร	การใช้การติดตามการโทรสำหรับ AMP
`ak`	รหัส Conversion
`cl`	ป้ายกำกับ Conversion

ในตัวอย่างนี้ ค่าของ ak และ cl คือ 123456789 และ _ABcDEFg12hI34567jK ตามลำดับ

<script>
(function(a,e,c,f,g,b,d){var h={ak:"123456789",cl:"_ABcDEFg12hI34567jK"};a[c]=a[c]||function(){(a[c].q=a[c].q||[]).push(arguments)};a[f]||(a[f]=h.ak);b=e.createElement(g);b.async=1;b.src="//www.gstatic.com/wcm/loader.js";d=e.getElementsByTagName(g)[0];d.parentNode.insertBefore(b,d);a._googWcmGet=function(b,d,e){a[c](2,b,h,d,null,new Date,e)}})(window,document,"_googWcmImpl","_googWcmAk","script");
</script>

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

ใช้ค่าที่ได้รับข้างต้นใน URL การกำหนดค่าการติดตามการโทรของ AMP คุณต้องเพิ่มโมดูลการติดตามการโทร AMP ในส่วนหัวของหน้า เช่นเดียวกับโมดูล AMP อื่นๆ

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

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

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

หากต้องการใช้ตัวอย่างนี้ ให้เปลี่ยนรหัส Conversion (ในตัวอย่างนี้คือ 7777777777) และป้ายกำกับ Conversion (ในตัวอย่างนี้คือ AAAAAAAAAAAAA) ที่ได้จากโค้ดติดตาม Conversion ที่ให้ไว้ในระหว่างการตั้งค่า Conversion ของ Google Ads โปรดทราบว่าพารามิเตอร์ URL ของ tel ควรตรงกับหมายเลขโทรศัพท์ในลิงก์ที่มี

ข้อจำกัด

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