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

แท็ก Google Floodlight

บทความนี้มีไว้สําหรับนักพัฒนาซอฟต์แวร์ที่ต้องการย้ายแท็ก Floodlight จากคอนเทนเนอร์เว็บของ Tag Manager ไปยังคอนเทนเนอร์เซิร์ฟเวอร์

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

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

โปรดตรวจสอบว่าคุณมีสิ่งต่อไปนี้ก่อนย้ายแท็กไปยังเซิร์ฟเวอร์

สิทธิ์เข้าถึง Google Tag Manager และ Floodlight ในระดับผู้ดูแลระบบ
ตั้งค่าและติดตั้ง Google Tag Manager
ตั้งค่าคอนเทนเนอร์เซิร์ฟเวอร์
ตั้งค่าไคลเอ็นต์ Google Analytics: GA4

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

บัญชี Floodlight จะส่งข้อมูล Conversion ไปยัง Google Tag Manager ได้ก็ต่อเมื่อตั้งค่าแท็ก Conversion Linker ไว้

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

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

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

ขั้นตอนที่ 2: ตั้งค่าแท็ก Floodlight

Google Tag Manager รองรับแท็กตัวนับ Floodlight และแท็กยอดขาย Floodlight ในคอนเทนเนอร์ของเซิร์ฟเวอร์

ตัวนับ Floodlight

วิธีตั้งค่าแท็กตัวนับ Floodlight

ในพื้นที่ทำงานของคอนเทนเนอร์เซิร์ฟเวอร์ ให้เลือกเมนูแท็กทางด้านซ้ายของหน้า
คลิกใหม่เพื่อเพิ่มแท็กใหม่
เลือกประเภทแท็กตัวนับ Floodlight
หากต้องการรวบรวมค่าที่จำเป็นสำหรับการกำหนดค่าแท็ก ให้เปิดหน้าต่างเบราว์เซอร์อีกหน้าต่าง แล้วลงชื่อเข้าใช้ Campaign Manager 360 คลิกผู้ลงโฆษณา แล้วคลิกชื่อของผู้ลงโฆษณา ป้อนค่าเหล่านี้ในแท็กตัวนับ Floodlight ใหม่ของ Tag Manager
- รหัสผู้ลงโฆษณา: รหัสผู้ลงโฆษณาจะปรากฏในหน้ารายละเอียดผู้ลงโฆษณาด้านล่างชื่อผู้ลงโฆษณา นอกจากนี้ค่านี้ยังพบเป็นค่า src= ในข้อมูลโค้ดแท็ก Floodlight ที่สร้างขึ้นอีกด้วย
- สตริงแท็กกลุ่ม: ในตารางกิจกรรม ให้ระบุกิจกรรมที่คุณต้องการใช้งาน และค้นหาสตริงแท็กกลุ่มที่แสดงในคอลัมน์ทางด้านขวา นอกจากนี้ค่านี้ยังพบเป็นค่า type= ในข้อมูลโค้ดแท็ก Floodlight ที่สร้างขึ้นอีกด้วย
- สตริงแท็กกิจกรรม: ระบุกิจกรรมที่คุณต้องการใช้งานในตารางกิจกรรม และค้นหาสตริงแท็กกิจกรรมที่แสดงอยู่ในคอลัมน์ทางด้านขวา นอกจากนี้ค่านี้ยังพบเป็นค่า cat= ในข้อมูลโค้ดแท็ก Floodlight ที่สร้างขึ้นอีกด้วย
ตั้งค่าวิธีการนับที่ต้องการ ดังนี้
- มาตรฐาน: นับทุก Conversion
- ไม่ซ้ำ: นับ Conversion แรกของผู้ใช้ที่ไม่ซ้ำกันแต่ละรายในช่วง 24 ชม. ของแต่ละวัน ตั้งแต่เที่ยงคืนถึงเที่ยงคืน ตามเวลาตะวันออก (สหรัฐอเมริกา)
- ต่อเซสชัน: นับ 1 Conversion ต่อผู้ใช้ต่อเซสชัน ระยะเวลาในเซสชันจะกำหนดโดยเว็บไซต์ซึ่งมีการใช้แท็ก Floodlight อยู่
เปิดหน้าต่างเลือกทริกเกอร์
ในเมนูการกำหนดค่าทริกเกอร์ ให้เลือกทริกเกอร์ ในกรณีส่วนใหญ่ ทุกหน้าคือตัวเลือกที่ดีที่สุด
ป้อนชื่อแท็กแล้วคลิกบันทึก

ยอดขาย Floodlight

วิธีตั้งค่าแท็กยอดขาย Floodlight

ในพื้นที่ทำงานของคอนเทนเนอร์เซิร์ฟเวอร์ ให้เลือกเมนูแท็กทางด้านซ้ายของหน้า
คลิกใหม่เพื่อเพิ่มแท็กใหม่
เลือกประเภทแท็กยอดขาย Floodlight หมายเหตุ: แท็กยอดขาย Floodlight จะรวบรวมค่าต่อไปนี้โดยอัตโนมัติจากช่องอีคอมเมิร์ซที่เกี่ยวข้อง
```
*   Order ID (Transaction ID)
*   Revenue (Value)
```
หากต้องการรวบรวมค่าที่จำเป็นสำหรับการกำหนดค่าแท็ก ให้เปิดหน้าต่างเบราว์เซอร์อีกหน้าต่าง แล้วลงชื่อเข้าใช้ Campaign Manager 360 คลิกผู้ลงโฆษณา แล้วคลิกชื่อของผู้ลงโฆษณา ป้อนค่าเหล่านี้ในแท็กตัวนับ Floodlight ใหม่ของ Tag Manager
- รหัสผู้ลงโฆษณา: รหัสผู้ลงโฆษณาจะปรากฏในหน้ารายละเอียดผู้ลงโฆษณาด้านล่างชื่อผู้ลงโฆษณา นอกจากนี้ค่านี้ยังพบเป็นค่า src= ในข้อมูลโค้ดแท็ก Floodlight ที่สร้างขึ้นอีกด้วย
- สตริงแท็กกลุ่ม: ในตารางกิจกรรม ให้ระบุกิจกรรมที่คุณต้องการใช้งาน และค้นหาสตริงแท็กกลุ่มที่แสดงในคอลัมน์ทางด้านขวา นอกจากนี้ค่านี้ยังพบเป็นค่า type= ในข้อมูลโค้ดแท็ก Floodlight ที่สร้างขึ้นอีกด้วย
- สตริงแท็กกิจกรรม: ระบุกิจกรรมที่คุณต้องการใช้งานในตารางกิจกรรม และค้นหาสตริงแท็กกิจกรรมที่แสดงอยู่ในคอลัมน์ทางด้านขวา นอกจากนี้ค่านี้ยังพบเป็นค่า cat= ในข้อมูลโค้ดแท็ก Floodlight ที่สร้างขึ้นอีกด้วย
ตั้งค่าวิธีการนับที่ต้องการ ดังนี้
- มาตรฐาน: นับทุก Conversion
- ไม่ซ้ำ: นับ Conversion แรกของผู้ใช้ที่ไม่ซ้ำกันแต่ละรายในช่วง 24 ชม. ของแต่ละวัน ตั้งแต่เที่ยงคืนถึงเที่ยงคืน ตามเวลาตะวันออก (สหรัฐอเมริกา)
- ต่อเซสชัน: นับ 1 Conversion ต่อผู้ใช้ต่อเซสชัน ระยะเวลาในเซสชันจะกำหนดโดยเว็บไซต์ซึ่งมีการใช้แท็ก Floodlight อยู่
เปิดหน้าต่างเลือกทริกเกอร์
ในเมนูการกำหนดค่าทริกเกอร์ ให้เลือกทริกเกอร์ ในกรณีส่วนใหญ่ ทุกหน้าคือตัวเลือกที่ดีที่สุด
ป้อนชื่อแท็กแล้วคลิกบันทึก

ไม่บังคับ: ตั้งค่า Conversion ที่ปรับปรุงแล้ว

หากคุณไม่ได้ใช้ Conversion ที่ปรับปรุงแล้ว ให้ข้ามไปที่ตรวจสอบการตั้งค่า

หากต้องการกำหนดค่า Conversion ที่ปรับปรุงแล้ว ให้ทําตามขั้นตอนด้านล่าง

ตั้งค่าตัวแปรข้อมูลที่ได้จากผู้ใช้

คุณติดตั้งใช้งาน Conversion ที่ปรับปรุงแล้วใน Tag Manager ได้ 3 วิธี คุณต้องเลือกเพียงตัวเลือกเดียวเพื่อรวบรวมข้อมูลที่ได้จากผู้ใช้

	การเก็บรวบรวมอัตโนมัติ	การกำหนดค่าด้วยตนเอง	การกำหนดค่าโค้ด
วิธีการรวบรวม	รวบรวมข้อมูลที่ได้จากผู้ใช้โดยอัตโนมัติตามโค้ดของเว็บไซต์ หากต้องการควบคุมตำแหน่งที่จะรวบรวมข้อมูล ให้เลือกตั้งค่าด้วยตนเองหรือแบบโค้ด	ระบุพร็อพเพอร์ตี้ CSS หรือตัวแปร JavaScript บางรายการเพื่อรวบรวมข้อมูลที่ได้จากผู้ใช้ หากต้องการควบคุมการจัดรูปแบบข้อมูลและการแฮช ให้เลือกกำหนดค่าโค้ด	เพิ่มข้อมูลโค้ดบนเว็บไซต์ที่ส่งข้อมูลลูกค้าที่แฮชสำหรับการจับคู่ วิธีนี้เป็นตัวเลือกที่ดีที่สุดในการเพิ่มความแม่นยำของ Conversion ที่ปรับปรุงแล้วให้ได้สูงสุด โดยให้คุณส่งข้อมูลที่จัดรูปแบบอย่างสม่ำเสมอเมื่อใดก็ตามที่แท็ก Conversion เริ่มทำงาน
ความซับซ้อน	เรียบง่าย	สื่อ	ซับซ้อน
ทักษะ	ไม่ต้องใช้ทักษะพิเศษ	HTML และ CSS	การพัฒนาเว็บ

การรวบรวมอัตโนมัติ

เปิดเมนูตัวแปรในคอนเทนเนอร์เว็บ
สร้างตัวแปรที่กำหนดโดยผู้ใช้ใหม่ประเภทข้อมูลที่ได้จากผู้ใช้
ตั้งค่าประเภทเป็นการเก็บรวบรวมอัตโนมัติ
ตั้งชื่อตัวแปร เช่น My user-defined data
คลิกบันทึก

การกําหนดค่าด้วยตนเอง

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

หมายเหตุ: หากมีตัวแปรในชั้นข้อมูลอยู่แล้ว (ไม่ว่าจะใช้ตัวเลือก CSS หรือตัวแปรประเภทอื่น) คุณสามารถเลือกตัวแปรเหล่านั้นแทนการสร้างตัวแปรใหม่ได้ หากไม่แน่ใจ ให้ทําตามวิธีการต่อไป ระบบอาจแฮชหรือไม่แฮชตัวแปรก็ได้
ในการระบุองค์ประกอบจาก DOM ให้สร้างตัวแปรใหม่ > การกําหนดค่าตัวแปร > องค์ประกอบ DOM
ในส่วนวิธีการเลือก คุณจะใช้ตัวเลือก CSS หรือรหัสก็ได้ เคล็ดลับ: หากตัวแปร CSS เปลี่ยนแปลงบ่อย ให้เพิ่มรหัส HTML ลงในเว็บไซต์และใช้ตัวแปรรหัส
ป้อนตัวเลือก CSS หรือชื่อรหัส เว้นช่องชื่อแอตทริบิวต์ว่างไว้ได้
ตั้งชื่อและบันทึกตัวแปรองค์ประกอบ DOM จากนั้นหน้าจอจะกลับไปที่การตั้งค่าข้อมูลที่ได้จากผู้ใช้
ตั้งชื่อตัวแปรข้อมูลที่ได้จากผู้ใช้ เช่น My user-defined data
คลิกบันทึก

การกําหนดค่าโค้ด

ขั้นตอนที่ 1: ระบุและกําหนดตัวแปร Conversion ที่ปรับปรุงแล้ว

คุณจะส่งข้อมูลที่ไม่ได้แฮช (ซึ่ง Google จะแฮชก่อนที่ข้อมูลจะส่งถึงเซิร์ฟเวอร์ หรือข้อมูลที่แฮชล่วงหน้าก็ได้) หากตัดสินใจส่งข้อมูลที่แฮชล่วงหน้า โปรดเข้ารหัสข้อมูลโดยใช้ SHA256 ที่เข้ารหัสฐาน 16 ในทั้งสองกรณี ให้ระบุช่องต่อไปนี้อย่างน้อย 1 ช่อง อีเมล หรือ phone_ number
วิธีพุชข้อมูลที่ไม่ได้แฮชไปยังชั้นข้อมูล

ในเว็บไซต์ ให้จัดเก็บข้อมูลที่ได้จากผู้ใช้เป็นคู่คีย์-ค่าในตัวแปร 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',
  },
};

ส่งข้อมูลผู้ใช้พร้อมกับเหตุการณ์โดยใช้ 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 แล้ว

วิธีพุชข้อมูลที่แฮชไว้ล่วงหน้าเข้าไปในชั้นข้อมูล

ในเว็บไซต์ ให้แฮชข้อมูลที่ได้จากผู้ใช้โดยใช้ SHA256 ที่เข้ารหัสเลขฐาน 16 คีย์สำหรับข้อมูลที่เข้ารหัสต้องเริ่มต้นด้วย sha256_ เช่น
```
{'sha256_email_address':await hashEmail(email.trim()),
}
```

ส่งข้อมูลผู้ใช้พร้อมกับเหตุการณ์โดยใช้ 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: สร้างตัวแปรข้อมูลที่ได้จากผู้ใช้

เปิดเมนูตัวแปรในคอนเทนเนอร์เว็บ
สร้างตัวแปรที่กำหนดโดยผู้ใช้ใหม่ประเภทข้อมูลที่ได้จากผู้ใช้
ตั้งค่าประเภทเป็นโค้ด
สําหรับช่องข้อมูลผู้ใช้ที่เกี่ยวข้องที่คุณต้องการระบุ ให้คลิกเมนูแบบเลื่อนลง แล้วเลือกตัวแปรใหม่
ภายใต้เลือกประเภทตัวแปร ให้เลือกตัวแปรชั้นข้อมูล
ในตัวแปรชั้นข้อมูล ให้อ้างอิงข้อมูลผู้ใช้ที่จัดเก็บไว้ เช่น leadsUserData
ตั้งชื่อและบันทึกตัวแปรชั้นข้อมูล จากนั้นหน้าจอจะกลับไปที่การตั้งค่าข้อมูลที่ได้จากผู้ใช้
ตั้งชื่อตัวแปรข้อมูลที่ได้จากผู้ใช้ เช่น My user-defined data
คลิกบันทึก

กําหนดตัวแปรให้กับแท็ก Google

เปิดเมนูแท็กในคอนเทนเนอร์เว็บ
แก้ไขแท็ก Google ที่ใช้เพื่อส่งข้อมูลไปยังเซิร์ฟเวอร์การติดแท็ก
ในส่วนการตั้งค่าการกำหนดค่า ให้เพิ่มพารามิเตอร์การกำหนดค่าใหม่ที่ชื่อว่า user_data ตั้งค่าค่าเป็นตัวแปรข้อมูลที่ได้จากผู้ใช้ เช่น {{My user-provided data}}
บันทึกการเปลี่ยนแปลง แท็กควรมีลักษณะดังนี้

กําหนดค่าแท็ก Floodlight ฝั่งเซิร์ฟเวอร์

ในคอนเทนเนอร์เซิร์ฟเวอร์จะเปิดใช้ Conversion ที่ปรับปรุงแล้วในแท็กยอดขาย Floodlight หรือตัวนับ Floodlight

เลือกช่องทําเครื่องหมายรวมข้อมูลที่ได้จากผู้ใช้
กดบันทึกเพื่อบันทึกการเปลี่ยนแปลง

ไม่บังคับ: มูลค่ารายได้

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

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

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

วิธีใช้ตัวแปรในแท็กยอดขาย Floodlight

เปิดเมนูแท็กในคอนเทนเนอร์ของเซิร์ฟเวอร์
แก้ไขแท็กยอดขาย Floodlight
ในส่วนพารามิเตอร์ที่ไม่ซ้ำ ให้ทำดังนี้
- ในส่วนแหล่งข้อมูล ให้เลือกการกำหนดค่าที่กำหนดเอง
- สำหรับรายได้ ให้เลือกตัวแปรที่คุณสร้างไว้ก่อนหน้านี้
- สำหรับรหัสคำสั่งซื้อ ให้ป้อนรหัสหรือใช้ตัวแปรเพื่อป้อนข้อมูลรหัสคำสั่งซื้อแบบไดนามิก
บันทึกแท็ก

ไม่บังคับ: พารามิเตอร์ที่กำหนดเอง

คุณส่งช่องที่กำหนดเองจากหน้าเว็บไปยัง Google Marketing Platform ได้ เช่น match_id

Google Tag Manager

หากต้องการกำหนดค่าช่องที่กำหนดเองสำหรับ Floodlight ให้เพิ่ม x-dc- ไว้หน้าชื่อพารามิเตอร์ ดังนี้

เปิดเมนูแท็กในคอนเทนเนอร์บนเว็บ
แก้ไขแท็กเหตุการณ์ GA4 หรือสร้างแท็กใหม่
เพิ่มชื่อพารามิเตอร์ในพารามิเตอร์เหตุการณ์ หากต้องการส่งสัญญาณว่าไปที่ Floodlight ให้เพิ่ม x-dc- ไว้ข้างหน้า เช่น หากปกติจะส่ง match_id ให้เปลี่ยนเป็น x-dc-match_id
บันทึกแท็ก

gtag.js

หากต้องการกำหนดค่าช่องที่กำหนดเองสำหรับ Floodlight ให้เพิ่ม x-dc- ไว้หน้าชื่อพารามิเตอร์เหตุการณ์ ดังนี้

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

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

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

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

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

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

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