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

แท็ก Google Floodlight

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

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 ที่สร้างขึ้น
- สตริงแท็กกิจกรรม: ในตารางกิจกรรม ให้ระบุ กิจกรรมที่ต้องการใช้งาน และค้นหาแท็กกิจกรรม string แสดงในคอลัมน์ทางขวา นอกจากนี้ยังพบเป็น ค่า 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 ที่สร้างขึ้น
- สตริงแท็กกิจกรรม: ในตารางกิจกรรม ให้ระบุ กิจกรรมที่ต้องการใช้งาน และค้นหาแท็กกิจกรรม string แสดงในคอลัมน์ทางขวา นอกจากนี้ยังพบเป็น ค่า cat= ในข้อมูลโค้ดแท็ก Floodlight ที่สร้างขึ้น
ตั้งค่าวิธีการนับที่ต้องการ ดังนี้
- มาตรฐาน: นับทุก Conversion
- ที่ไม่ซ้ำ: นับ Conversion แรกสำหรับผู้ใช้ที่ไม่ซ้ำแต่ละราย ในช่วง 24 ชม. ของแต่ละวัน ตั้งแต่เที่ยงคืนถึงเที่ยงคืน ตามเวลาตะวันออก (สหรัฐฯ)
- ต่อเซสชัน: นับ 1 Conversion ต่อผู้ใช้ต่อเซสชัน ระยะเวลาของเซสชันจะกำหนดโดยเว็บไซต์ที่มีแท็ก Floodlight ใช้งานได้แล้ว
เปิดหน้าต่างเลือกทริกเกอร์
ในเมนูการกำหนดค่าทริกเกอร์ ให้เลือกทริกเกอร์ ในกรณีส่วนใหญ่ ทุกหน้าเป็นตัวเลือกที่ดีที่สุด
ป้อนชื่อแท็กแล้วคลิกบันทึก

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

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

วิธีกำหนดค่า Enhanced 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 ช่อง: email หรือ 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}} ตัวแปร
ระบุแหล่งที่มาของตัวแปร
ตั้งชื่อตัวแปร เช่น "ค้นหากำไร" และบันทึก

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

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

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

คุณสามารถส่ง custom จาก หน้าเว็บของคุณไปยัง 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 ในคอนเทนเนอร์บนเว็บเพื่อหลีกเลี่ยงการทำซ้ำข้อมูล