Tag Manager ฝั่งเซิร์ฟเวอร์ให้คุณย้ายแท็กเครื่องมือวัด Conversion ของ Google Ads จากหน้าเว็บไปยังเซิร์ฟเวอร์ได้ การย้ายแท็กเหล่านี้ไปยังเซิร์ฟเวอร์ช่วยลดปริมาณโค้ดที่คุณต้องเรียกใช้ในหน้าเว็บ และช่วยเพิ่มความเร็วในการโหลดหน้าเว็บ บทความนี้อธิบายวิธีกำหนดค่าคอนเทนเนอร์เว็บและคอนเทนเนอร์ของ Tag Manager เพื่อใช้เครื่องมือวัด Conversion ของ Google Ads
ก่อนเริ่มต้น
บทความนี้จะถือว่าคุณมี
- สิทธิ์ของผู้ดูแลระบบใน Google Ads และ Google Tag Manager
- ตั้งค่า Google Tag Manager
- สร้างคอนเทนเนอร์เซิร์ฟเวอร์แล้ว
- ตั้งค่าไคลเอ็นต์ Google Analytics: GA4
ขั้นตอนที่ 1: ตั้งค่าแท็ก Conversion Linker
หากต้องการอนุญาตให้ Google Ads ส่งข้อมูลไปยัง Tag Manager คุณต้องตั้งค่าแท็ก Conversion Linker
หากมีแท็ก Conversion Linker ที่กำหนดค่าในคอนเทนเนอร์ของเซิร์ฟเวอร์อยู่แล้ว คุณสามารถข้ามขั้นตอนนี้ได้
วิธีตั้งค่าแท็ก Conversion Linker
- จากพื้นที่ทำงานของคอนเทนเนอร์เซิร์ฟเวอร์ ให้เปิดเมนูแท็กทางด้านซ้ายของหน้า
- คลิกใหม่เพื่อเพิ่มแท็กใหม่
- เลือกประเภทแท็ก Conversion Linker
- ตั้งค่าทริกเกอร์ที่จะทำให้แท็กฝั่งเซิร์ฟเวอร์ของ Conversion Linker เริ่มทำงาน
ในกรณีส่วนใหญ่ ทริกเกอร์ทุกหน้าเป็นตัวเลือกที่ดีที่สุด - ตั้งชื่อแท็กแล้วคลิกบันทึก
ขั้นตอนที่ 2: ตั้งค่าเหตุการณ์ Conversion
หากต้องการตั้งค่าเหตุการณ์ Conversion คุณต้องดำเนินการ 2 อย่างต่อไปนี้
- ตั้งค่า Google Analytics เพื่อให้จดจําเหตุการณ์เป็นการกระทําที่ถือเป็น Conversion
- ตั้งค่าแท็ก Google Analytics: เหตุการณ์ GA4 ในคอนเทนเนอร์บนเว็บของ Tag Manager เพื่อส่งเหตุการณ์ Conversion
หากคุณตั้งค่าเหตุการณ์ Conversion แล้วและต้องการเพียงใช้แท็กเซิร์ฟเวอร์ ให้ข้ามไปที่ขั้นตอนที่ 3
ตั้งค่า Google Analytics ให้จดจำเหตุการณ์ Conversion ที่กำหนดเอง
วิธีกําหนดเหตุการณ์ Conversion ใหม่ใน Google Analytics
- เปิด Google Analytics 4
- เปิดเมนูผู้ดูแลระบบ ที่ด้านซ้ายล่าง
- ในรายการการตั้งค่าพร็อพเพอร์ตี้ ให้เลือก Conversion
- คลิกปุ่มเหตุการณ์ Conversion ใหม่ แล้วเพิ่มชื่อเหตุการณ์ Conversion ซึ่งอาจเป็นชื่อเหตุการณ์ที่แนะนําหรือเหตุการณ์ที่กําหนดเองก็ได้
- บันทึกชื่อเหตุการณ์
ตั้งค่าเหตุการณ์ Conversion ใน Google Tag Manager
หาก Conversion ทริกเกอร์ในเหตุการณ์การดูหน้าเว็บ ให้ข้ามไปที่ขั้นตอนที่ 3
วิธีตั้งค่าเหตุการณ์ Conversion
ในพื้นที่ทํางานของคอนเทนเนอร์เว็บ ให้เพิ่มแท็ก Google Analytics: เหตุการณ์ GA4
ในแท็กการกําหนดค่า ให้เลือกแท็ก Google สําหรับเว็บไซต์
ป้อนชื่อเหตุการณ์ที่สอดคล้องกับเหตุการณ์ Conversion
ขั้นตอนที่ 3: ตั้งค่าแท็กเครื่องมือวัด Conversion ของ Google Ads ในคอนเทนเนอร์ของเซิร์ฟเวอร์
วิธีตั้งค่าแท็กเครื่องมือวัด Conversion ของ Google Ads
- ในพื้นที่ทำงานของคอนเทนเนอร์เซิร์ฟเวอร์ ให้เปิดเมนูแท็กทางด้านซ้ายของหน้า
- คลิกใหม่เพื่อเพิ่มแท็กใหม่
เลือกประเภทแท็กเครื่องมือวัด Conversion ของ Google Ads
ป้อนข้อมูล Conversion ที่จําเป็น (รหัส Conversion และป้ายกํากับ) คุณหาค่าเหล่านี้ได้ในบัญชี Google Ads
ในเมนูการทริกเกอร์ ให้เลือกทริกเกอร์ที่มีอยู่หากเหมาะกับกรณีการใช้งานของคุณ หากไม่มีทริกเกอร์ที่มีอยู่แล้วล่วงหน้าครอบคลุมความต้องการของคุณ ให้สร้างทริกเกอร์ที่กำหนดเองใหม่
วิธีทริกเกอร์แท็กในเหตุการณ์ที่กำหนดเอง
- เลือกทริกเกอร์เหตุการณ์ที่กำหนดเอง
- ป้อนชื่อเหตุการณ์ที่ตรงกับชื่อที่ใช้ในแท็ก Google Analytics: เหตุการณ์ GA4
วิธีทริกเกอร์เฉพาะใน URL ที่ระบุ
- เลือกตัวเลือกเพื่อทริกเกอร์เหตุการณ์ที่กำหนดเองบางรายการ
- เพิ่มตัวแปร URL หน้าเว็บให้เท่ากับ URL ที่แท็กควรทริกเกอร์
ตั้งชื่อแท็กแล้วคลิกบันทึก
ไม่บังคับ: กำหนดมูลค่า Conversion
คุณระบุมูลค่า Conversion ที่แตกต่างจากพารามิเตอร์ value
เริ่มต้นได้ เช่น ในกรณีที่จัดเก็บข้อมูลราคาไว้ในฐานข้อมูลอื่น
หากต้องการระบุเกณฑ์อื่นเพื่อคำนวณมูลค่า Conversion คุณต้องตั้งค่าตัวแปรให้ดึงข้อมูลจากฐานข้อมูลแล้วกำหนดให้กับแท็กเครื่องมือวัด Conversion ของ Google Ads
วิธีสร้างตัวแปรใหม่
- เปิดเมนูตัวแปรในคอนเทนเนอร์เซิร์ฟเวอร์
- สร้างตัวแปรที่กำหนดโดยผู้ใช้ใหม่สำหรับอินพุตข้อมูล เช่น หากต้องการใช้ค่าจากฐานข้อมูล Firestore ให้สร้างตัวแปร{{Firestore Lookup}}
- ระบุแหล่งข้อมูลสำหรับตัวแปร
- ตั้งชื่อตัวแปร เช่น "ค้นหากำไร" และบันทึก
กำหนดมูลค่า Conversion ที่กำหนดเองในแท็กเครื่องมือวัด Conversion ของ Google Ads
- เปิดเมนูแท็กในคอนเทนเนอร์ของเซิร์ฟเวอร์
- แก้ไขแท็กเครื่องมือวัด Conversion ของ Google Ads ที่มีอยู่หรือสร้างแท็กใหม่
หากต้องการกำหนดค่ามูลค่า Conversion ที่กำหนดเอง ให้ระบุ 2 ช่องต่อไปนี้
- มูลค่า Conversion: ป้อนจำนวนเงินคงที่หรือระบุตัวแปรที่คุณสร้างไว้ก่อนหน้านี้
- รหัสสกุลเงิน
บันทึกแท็ก
ขั้นตอนที่ 4: Conversion ที่ปรับปรุงแล้ว
หากคุณไม่ได้ใช้ Conversion ที่ปรับปรุงแล้ว ให้ข้ามไปที่หัวข้อตรวจสอบการตั้งค่า
หากต้องการกําหนดค่า Conversion ที่ปรับปรุงแล้ว ให้ทําตามขั้นตอนด้านล่าง
ตั้งค่าตัวแปรข้อมูลที่ได้จากผู้ใช้
คุณติดตั้งใช้งาน Conversion ที่ปรับปรุงแล้วใน Tag Manager ได้ 3 วิธี คุณต้องเลือกเพียงตัวเลือกเดียวเพื่อรวบรวมข้อมูลที่ได้จากผู้ใช้
การเก็บรวบรวมอัตโนมัติ | การกำหนดค่าด้วยตนเอง | การกำหนดค่าโค้ด | |
---|---|---|---|
วิธีการรวบรวม | รวบรวมข้อมูลที่ได้จากผู้ใช้โดยอัตโนมัติตามโค้ดของเว็บไซต์ หากต้องการควบคุมตำแหน่งที่จะรวบรวมข้อมูล ให้เลือกตั้งค่าด้วยตนเองหรือแบบโค้ด |
ระบุพร็อพเพอร์ตี้ CSS หรือตัวแปร JavaScript บางรายการเพื่อรวบรวมข้อมูลที่ได้จากผู้ใช้ หากต้องการควบคุมการจัดรูปแบบข้อมูลและการแฮช ให้เลือกกำหนดค่าโค้ด |
เพิ่มข้อมูลโค้ดบนเว็บไซต์ที่ส่งข้อมูลลูกค้าที่แฮชสำหรับการจับคู่ วิธีนี้เป็นตัวเลือกที่ดีที่สุดในการเพิ่มความแม่นยำของ Conversion ที่ปรับปรุงแล้วให้ได้สูงสุด โดยให้คุณส่งข้อมูลที่จัดรูปแบบอย่างสม่ำเสมอเมื่อใดก็ตามที่แท็ก Conversion เริ่มทำงาน |
ความซับซ้อน | เรียบง่าย | สื่อ | ซับซ้อน |
ทักษะ | ไม่ต้องใช้ทักษะพิเศษ | HTML และ CSS | การพัฒนาเว็บ |
การรวบรวมอัตโนมัติ
- เปิดเมนูตัวแปรในคอนเทนเนอร์เว็บ
- สร้างตัวแปรที่กำหนดโดยผู้ใช้ใหม่ประเภทข้อมูลที่ได้จากผู้ใช้
- ตั้งค่าประเภทเป็นการเก็บรวบรวมอัตโนมัติ
- ตั้งชื่อตัวแปร เช่น
My user-defined data
- คลิกบันทึก
การกําหนดค่าด้วยตนเอง
- เปิดเมนูตัวแปรในคอนเทนเนอร์เว็บ
- สร้างตัวแปรที่กำหนดโดยผู้ใช้ใหม่ประเภทข้อมูลที่ได้จากผู้ใช้
- ตั้งค่าประเภทเป็นการกำหนดค่าด้วยตนเอง
สําหรับช่องข้อมูลผู้ใช้ที่เกี่ยวข้องที่คุณต้องการระบุผ่าน Conversion ที่ปรับปรุงแล้ว ให้เพิ่มตัวแปรใหม่หรือตัวแปรที่มีอยู่
ในการระบุองค์ประกอบจาก 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}}
บันทึกการเปลี่ยนแปลง แท็กควรมีลักษณะดังนี้
กำหนดค่าแท็กเครื่องมือวัด Conversion ของ Google Ads ฝั่งเซิร์ฟเวอร์
วิธีเปิดใช้ Conversion ที่ปรับปรุงแล้วในคอนเทนเนอร์ของเซิร์ฟเวอร์
- เปิดเมนูแท็กในพื้นที่ทํางานของเซิร์ฟเวอร์
- แก้ไขแท็กเครื่องมือวัด Conversion ของ Google Ads
- เลือกช่องทำเครื่องหมายรวมข้อมูลที่ได้จากผู้ใช้
- กดบันทึกเพื่อบันทึกการเปลี่ยนแปลง
ขั้นตอนที่ 5: ตรวจสอบการตั้งค่า
เมื่อเริ่มส่งข้อมูลด้วยคอนเทนเนอร์ของเซิร์ฟเวอร์ คุณสามารถตรวจสอบว่าที่เก็บข้อมูลทำงานได้อย่างถูกต้องหรือไม่ โดยทำตามขั้นตอนต่อไปนี้
- เปิดเว็บไซต์
- ในคอนเทนเนอร์ของเซิร์ฟเวอร์ Google Tag Manager ให้เลือกแสดงตัวอย่าง ผู้ช่วยแท็กจะเริ่มต้นและโหลดคอนเทนเนอร์ของเซิร์ฟเวอร์
- แท็บแท็กจะแสดงแท็กทั้งหมดที่เริ่มทำงานแล้ว ตรวจสอบว่าแท็กที่คุณกำหนดค่าเริ่มทำงานแล้วหรือไม่
- แท็บคอนโซลจะแสดงข้อผิดพลาดที่เกิดขึ้นระหว่างส่งข้อมูลไปยังคอนเทนเนอร์ของเซิร์ฟเวอร์ ตรวจหาและแก้ไขข้อผิดพลาด
หากต้องการความช่วยเหลือเพิ่มเติมในการแก้ไขข้อบกพร่องของคอนเทนเนอร์ Tag Manager โปรดดูความช่วยเหลือเกี่ยวกับการแสดงตัวอย่างและแก้ไขข้อบกพร่อง
ขั้นตอนถัดไป
เมื่อแท็กเครื่องมือวัด Conversion ของ Google Ads ทำงานตามที่ต้องการแล้ว คุณสามารถนําแท็กเครื่องมือวัด Conversion ของ Google Ads ที่เทียบเท่าในคอนเทนเนอร์บนเว็บออกเพื่อหลีกเลี่ยงความซ้ำซ้อนของข้อมูล
หากคุณใช้แคมเปญรีมาร์เก็ตติ้งของ Google Ads ด้วยและต้องการวัดผลผ่านการติดแท็กฝั่งเซิร์ฟเวอร์ ให้ตั้งค่ารีมาร์เก็ตติ้งของ Google Ads