[GA4] ตั้งค่าการรวมเซสชันของ Google Analytics สำหรับ AMP

บทความนี้ประกอบด้วย

• รหัสไคลเอ็นต์ AMP ส่งผลต่อข้อมูลของคุณอย่างไร
• ตั้งค่า AMP Linker
• การยืนยันการตั้งค่า
• ข้อจำกัด

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

AMP Linker เติมรหัสไคลเอ็นต์ AMP ลงในลิงก์ขาออกจากหน้าแคช AMP ติดแท็กหน้าเว็บด้วย Google Analytics จากนั้นดึงรหัสลูกค้า AMP จากพารามิเตอร์การค้นหา URL แล้วรวมเซสชันผู้ใช้โดยใช้รหัสไคลเอ็นต์ AMP เป็นตัวระบุผู้ใช้

บทความนี้จะอธิบายขั้นตอนที่จำเป็นในการตั้งค่า AMP Linker ด้วย Google Analytics

รหัสไคลเอ็นต์ AMP ส่งผลต่อข้อมูลของคุณอย่างไร

การซิงค์รหัสไคลเอ็นต์ AMP ระหว่างเซิร์ฟเวอร์แคช AMP กับโดเมนเว็บไซต์เดิมจะส่งผลให้เมตริกผู้ใช้แม่นยำยิ่งขึ้น เช่น ระยะเวลาเซสชัน อัตราตีกลับ และจำนวนหน้าเว็บต่อเซสชัน โปรดทราบว่าถ้าต้องการใช้ API รหัสไคลเอ็นต์ให้เป็นประโยชน์ คุณควรรวบรวมข้อมูลภายในพร็อพเพอร์ตี้ Google Analytics เดียวกัน

หมายเหตุ: การซิงค์รหัสไคลเอ็นต์ AMP ระหว่างแคช AMP กับต้นทางจะทำให้ระบบรีเซ็ตตัวระบุผู้ใช้ GA ที่มีอยู่ซึ่งใช้สำหรับฟีเจอร์ต่างๆ เช่น การวิเคราะห์ตามการได้มา มูลค่าตลอดอายุการใช้งาน และการกำหนดกลุ่มเป้าหมาย ซึ่งอาจส่งผลให้เกิดความผันผวนชั่วคราวอย่างเห็นได้ชัดในเมตริกผู้ใช้ใหม่และการรายงานที่เกี่ยวข้อง

ตั้งค่า AMP Linker

คุณจะตั้งค่า AMP Linker ด้วย Google Analytics ได้ภายใน 3 ขั้นตอนดังนี้

1. ติดแท็กหน้าเว็บ AMP
2. ติดแท็กหน้าที่ไม่ใช่ AMP

ขั้นตอนที่ 1 ติดแท็กหน้า AMP เพื่อส่งพารามิเตอร์ AMP Linker

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

ใส่รหัสแท็กของพร็อพเพอร์ตี้ Google Analytics ที่ต้องการส่งข้อมูลแทน MEASUREMENT_ID

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

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

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

สําคัญ: ปัจจุบัน Google Tag Manager สําหรับ AMP ยังไม่รองรับ Google Analytics 4 หากต้องการใช้ AMP กับ Google Analytics 4 คุณต้องเพิ่มข้อมูลโค้ด AMP ด้วยตนเอง ดูข้อมูลเพิ่มเติม

ขั้นตอนที่ 2 ติดแท็กหน้าที่ไม่ใช่ AMP เพื่ออ่านพารามิเตอร์ AMP Linker

ใส่ข้อมูลโค้ดที่ติดทั่วเว็บไซต์ gtag.js ในหน้าที่ไม่ใช่ AMP ดูตัวอย่างข้อมูลโค้ดด้านล่าง

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

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

การยืนยันการตั้งค่า

ยืนยันว่ารหัสไคลเอ็นต์ AMP ของ Google ตรงกันระหว่างหน้าเว็บ AMP และหน้าเว็บที่ไม่ใช่ AMP

ตัวเลือกที่ 1: ยืนยันผ่านเครื่องมือทดสอบแท็ก AMP

ใช้เครื่องมือทดสอบแท็ก AMP แล้วกรอก URL ของ AMP เพื่อทดสอบ

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

ตัวเลือกที่ 2: ยืนยันผ่านเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome

1. เปิดเบราว์เซอร์ Google Chrome ในโหมดไม่ระบุตัวตน เปิดใช้โปรแกรมจำลองอุปกรณ์เคลื่อนที่ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome
2. ป้อนคำค้นหาใน google.com ที่จะแสดงผลหน้า AMP ของเว็บไซต์และคลิกผลการค้นหาหน้าเว็บ AMP ซึ่งควรแสดงผ่านแคช AMP ของ Google และแสดงภายในโปรแกรมเปิด AMP ของ Google Search
   • หมายเหตุ: หากหน้าเว็บไม่แสดงในผลการค้นหาของ Google คุณยังทดสอบการรวมเซสชันได้โดยใช้เครื่องมือทดสอบ AMP เพื่อดูตัวอย่างผลการค้นหาและทำตามขั้นตอนที่ระบุไว้ด้านล่าง ตราบใดที่ Google จัดทำดัชนีหน้าเว็บนั้นได้
3. ค้นหาคำขอเครือข่าย Google Analytics เพื่อดูการดูหน้าเว็บ AMP โดยไปที่แท็บเครือข่ายในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome และกรอกคำว่า "collect" ในช่องตัวกรอง
4. ค้นหาและเลือกคําขอเครือข่ายซึ่งไปที่ www.google-analytics.com ค้นหารหัสไคลเอ็นต์ในแท็บส่วนหัวของคําขอโดยเลื่อนหน้าจอลงไปที่พารามิเตอร์สตริงคําค้นหา จดพารามิเตอร์ cid ไว้
5. เมื่อโปรแกรมเปิด AMP แสดงหน้าเว็บ AMP รูปแบบ cid ควรเป็นสตริง base64 ความยาว 64 อักขระดังนี้
6. คลิกล้างเพื่อล้างคำขอเครือข่าย
7. หากต้องการยืนยันว่าได้เลือกใช้หน้าเว็บที่ไม่ใช่ AMP แล้ว ให้ยืนยันว่าพารามิเตอร์ cid เดียวกันยังคงอยู่เมื่อไปที่หน้าเว็บที่ไม่ใช่ AMP โดยคลิกลิงก์ใดก็ได้ในหน้าเว็บ AMP ซึ่งไปที่หน้าเว็บที่ไม่ใช่ AMP ที่แสดงจากโดเมน กรองหาสตริง "collect" อีกครั้งเพื่อดูรหัสไคลเอ็นต์ เลือกคําขอเครือข่ายใดก็ได้ที่ไปที่ www.google-analytics.com ตรวจสอบว่าค่าของพารามิเตอร์การค้นหา cid ตรงกับค่าที่คุณจดไว้ในขั้นตอนที่ 5

ข้อจำกัด

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