ติดตามการโทรไปยังหมายเลขโทรศัพท์ที่ระบุบนเว็บไซต์

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

เครื่องมือวัด Conversion ประเภทนี้จะนับสายที่โทรเข้ามาว่าเป็น Conversion เมื่อมีระยะเวลาการโทรเกินระยะเวลาขั้นต่ำที่คุณกำหนดไว้ วิธีนี้จะช่วยกรองการโทรที่มีระยะเวลาสั้นออก ซึ่งอาจเป็นการโทรที่ไม่มีการขายหรือการกระทำอื่นๆ ที่เกิดมูลค่าสำหรับธุรกิจของคุณ

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

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

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

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

คุณจะต้องมีสิ่งเหล่านี้ก่อนจึงจะตั้งค่าเครื่องมือวัด Conversion สำหรับการโทรจากเว็บไซต์ได้

บัญชี Google Ads
ธุรกิจในประเทศที่มีสิทธิ์ใช้งาน: ปัจจุบันหมายเลขโอนสายของ Google มีให้บริการในประเทศเหล่านี้
เว็บไซต์: ใช้วางโค้ดเครื่องมือวัด Conversion (ซึ่งเรียกว่า "แท็ก")
ความสามารถในการแก้ไขเว็บไซต์: คุณหรือนักพัฒนาเว็บจะต้องเพิ่มแท็กเครื่องมือวัด Conversion ลงในเว็บไซต์ได้ รวมถึงสามารถเพิ่มข้อมูลโค้ด JavaScript เพื่อแทนที่หมายเลขโทรศัพท์ของธุรกิจด้วยหมายเลขโอนสายของ Google

วิธีการ

การตั้งค่าเครื่องมือวัด Conversion สำหรับการโทรมาที่หมายเลขโอนสายของ Google ในเว็บไซต์ประกอบด้วย 2 ส่วน ดังนี้

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

คลิกดาวน์โหลดข้อมูลโค้ดข้าง "ข้อมูลโค้ดโทรศัพท์" คุณป้อนข้อมูลโค้ดโทรศัพท์ในเว็บไซต์ด้วยตัวเองได้ ข้อมูลโค้ดโทรศัพท์จะใช้หมายเลขโอนสายของ Google แทนหมายเลขในเว็บไซต์ เพื่อให้คุณเห็นว่าโฆษณาทำให้เกิดการโทรจากเว็บไซต์ได้อย่างมีประสิทธิภาพเพียงใด ระบบจะสร้างข้อมูลโค้ดพร้อมหมายเลขที่แสดงซึ่งคุณป้อนไว้โดยอัตโนมัติ
เลือกวิธีที่ต้องการติดตั้งแท็ก โดยสามารถทำดังนี้
- ติดตั้งแท็กด้วยตัวเอง หากเลือกตัวเลือกนี้ คุณจะต้องทำตามวิธีการด้านล่างเพื่อแก้ไขโค้ดเว็บไซต์ด้วยตนเองหลังจากที่ติดตั้งแท็กแล้ว ตัวเลือกนี้เป็นตัวเลือกขั้นสูงขึ้น และแนะนำให้ใช้ต่อเมื่อคุณใช้ JavaScript เป็นเท่านั้น คุณควรใช้ตัวเลือกนี้หากต้องการติดตามการโทรมาที่หมายเลขโทรศัพท์บนเว็บไซต์มากกว่า 1 หมายเลข โปรดทราบว่าจะติดตามได้เพียง 1 หมายเลขในหน้าเว็บหน้าเดียวโดยใช้แท็ก JavaScript เริ่มต้น
- ส่งแท็กทางอีเมล
- ใช้ Google Tag Manager
ในกรณีที่เลือกส่งแท็กทางอีเมล ให้ป้อนอีเมลของนักพัฒนาเว็บข้าง "อีเมล"
คลิกส่งและต่อไป
คลิกสร้างและต่อไป

ตัวอย่างของ HTML ก่อนและหลังจากเพิ่มแท็กเครื่องมือวัด Conversion มีดังนี้

ตัวอย่าง HTML ก่อนโค้ดเครื่องมือวัด Conversion (ตัวอย่างเท่านั้น อย่าใช้ในโค้ดของเว็บไซต์)
<html> <head> <title>Sample HTML File</title> </head> <body>
นี่คือส่วนเนื้อหาของหน้าเว็บ
</body> </html>
ตัวอย่าง HTML หลังโค้ดเครื่องมือวัด Conversion (ตัวอย่างเท่านั้น อย่าใช้ในโค้ดของเว็บไซต์)

<html> <head> <title>Sample HTML File</title>
<!-- Google tag (gtag.js) - Google Ads: TAG_ID --> <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'TAG_ID');

</script>

<script> gtag('config', 'TAG_ID/CONVERSION_LABEL', { 'phone_conversion_number': '1-650-555-5555' }); </script>

</head> <body>
นี่คือส่วนเนื้อหาของหน้าเว็บ
</body> </html>

ติดตามการโทรมาที่หมายเลขโทรศัพท์บนเว็บไซต์โดยใช้ Google Tag Manager

คุณใช้ Google Tag Manager เพื่อติดตามการโทรมาที่หมายเลขโทรศัพท์ในเว็บไซต์ได้โดยทําตามหลักเกณฑ์ต่อไปนี้

ตั้งค่าแท็กใน Google Tag Manager

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

หมายเหตุ: หมายเลขโทรศัพท์ที่คุณป้อนจะต้องมีตัวเลขตรงกับที่แสดงในเว็บไซต์
ระบุรหัส Conversion และป้ายกํากับจากบัญชี Google Ads
ระบุหรือสร้างทริกเกอร์ที่จะเริ่มทํางานเมื่อผู้ใช้คลิกโฆษณา Search แล้วโทรหาหมายเลขโอนสายที่แสดงในเว็บไซต์
- โปรดทราบว่าหลังจากที่ผู้ใช้คลิกโฆษณาและเข้าชมหน้าเว็บ หมายเลขโอนสายที่ระบุในขั้นตอนที่ 6 จะเปิดใช้งานโดยไม่ต้องมีทริกเกอร์ผู้ใช้เพิ่มเติม
บันทึกแท็กและเผยแพร่ข้อมูลที่เปลี่ยนแปลง

หมายเหตุ: แท็ก Conversion การโทรของเว็บไซต์มาตรฐานของ Google Tag Manager ใช้ไม่ได้กับรูปแบบหมายเลขต่างประเทศ ซึ่งอาจส่งผลให้หมายเลขโอนสายของ Google แสดงโดยมีเครื่องหมายบวก (+) ที่ไม่ต้องการ ให้ใช้รูปแบบในประเทศของหมายเลขนั้นโดยไม่มีเครื่องหมายบวก เพื่อป้องกันไม่ให้เครื่องหมายบวกแสดงในแท็ก Conversion การโทรของเว็บไซต์ของ Google Tag Manager

แก้ไขโค้ดเว็บไซต์ด้วยตนเองเพื่อแสดงหมายเลขโอนสายของ Google

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

ตัวอย่าง

เปิด HTML ของหน้าเว็บที่คุณได้เพิ่มข้อมูลโค้ดโทรศัพท์ หรือหน้าเว็บที่หมายเลขโทรศัพท์ของคุณปรากฏ ข้อมูลโค้ดโทรศัพท์จะมีลักษณะเหมือนกับตัวอย่างโค้ดด้านล่างโดยที่ "TAG_ID" หมายถึงรหัสแท็ก และ "CONVERSION_LABEL" หมายถึงป้ายกำกับ Conversion
<script> gtag('config', 'TAG_ID/CONVERSION_LABEL', { 'phone_conversion_number': 'REPLACE WITH VALUE' }); </script>
สำหรับพารามิเตอร์ phone_conversion_number ให้ใส่หมายเลขโทรศัพท์ที่ทำงานของคุณแทน "REPLACE WITH VALUE" ตรวจสอบว่าหมายเลขตรงกับหมายเลขบนหน้าเว็บของคุณทุกประการ และมีรหัสประเทศที่เกี่ยวข้องทั้งหมด
(ไม่บังคับ) เพิ่มพารามิเตอร์ที่ไม่บังคับต่อไปนี้ลงในข้อมูลโค้ดโทรศัพท์ ทำตามหลักเกณฑ์เหล่านี้เพื่อป้อนค่าสำหรับพารามิเตอร์ต่อไปนี้
1. phone_conversion_callback: ป้อนฟังก์ชันเรียกกลับ ฟังก์ชันนี้จะเรียกโดย 2 อาร์กิวเมนต์ อาร์กิวเมนต์ตัวแรกคือหมายเลขโทรศัพท์ที่จัดรูปแบบ (อยู่ในรูปแบบเดียวกับพารามิเตอร์ phone_conversion_number) อาร์กิวเมนต์ตัวที่ 2 คือหมายเลขโทรศัพท์ในรูปแบบปกติ (เช่น '18001234567')
2. phone_conversion_css_class: ป้อนชื่อคลาส CSS องค์ประกอบทั้งหมดของคลาสจะมีเนื้อหาที่แทนที่ด้วยหมายเลขโทรศัพท์ที่จัดรูปแบบ
3. phone_conversion_options: ป้อนค่าใดค่าหนึ่งต่อไปนี้
  - timeout (ระยะหมดเวลา): เวลาสูงสุดเป็นมิลลิวินาทีที่ใช้ในการเรียกข้อมูลหมายเลข หากเรียกข้อมูลหมายเลขภายในเวลานี้ไม่ได้ ระบบจะไม่ส่งหมายเลขไปยังปลายทาง ระยะหมดเวลาที่เป็นค่าเริ่มต้นคือ 5,000 มิลลิวินาที
  - cache (แคช): ตั้งค่าเป็น false เพื่อปิดใช้การแคชหมายเลขที่เรียกในคุกกี้ หรือตั้งค่าเป็น true เพื่อเปิดใช้
ตัวอย่างข้อมูลโค้ดโทรศัพท์ที่มีพารามิเตอร์ที่ไม่บังคับ
<script> gtag('config', 'TAG_ID/CONVERSION_LABEL', { 'phone_conversion_number': '1-650-555-5555', 'phone_conversion_callback': function(formatted_number, mobile_number) { // formatted_number: หมายเลขที่จะแสดงขึ้นในรูปแบบเดียวกันกับ // หมายเลขที่ส่งไปยัง 'phone_conversion_number' // (ในกรณีนี้คือ '1-650-555-5555') // mobile_number: หมายเลขที่จัดรูปแบบเพื่อใช้ในลิงก์ที่คลิกได้ซึ่งมี // with tel:-URI (ในกรณีนี้คือ '+16505555555') var e = document.getElementById("number"); e.innerHTML = ""; e.appendChild(document.createTextNode(formatted_number)); }, 'phone_conversion_options': { 'timeout': 20, 'cache': false } }); </script>
บันทึกการเปลี่ยนแปลงในหน้าเว็บ

ตัวอย่างด้านล่างแสดงวิธีใช้งานข้อมูลโค้ดนี้ใน 3 กรณีการใช้งานที่แตกต่างกัน

ตัวอย่างที่ 1: ใส่หมายเลขโอนสายของ Google แทนหมายเลขโทรศัพท์คงที่

ฟังก์ชันนี้จะรับหมายเลขโทรศัพท์แล้วแทนที่เนื้อหาแท็ก span ทั้งหมดของคลาสที่ระบุ ในตัวอย่างนี้ หมายเลขโอนสายที่มีการจัดรูปแบบและสร้างแบบไดนามิกจะใช้แทนหมายเลขโทรศัพท์ "1-800-123-4567" ภายในแท็ก span ดังนี้

เพิ่มพารามิเตอร์ phone_conversion_css_class ที่มีค่าเป็น number ไปยังข้อมูลโค้ดโทรศัพท์ของคุณ บรรทัดนี้จะมีสีไฮไลต์ดังตัวอย่างด้านล่าง
<script type="text/javascript"> gtag('config', 'TAG_ID/CONVERSION_LABEL', { 'phone_conversion_number': '1-800-123-4567', 'phone_conversion_css_class':'number' }); </script>
ใน HTML สำหรับหน้าเว็บที่มีหมายเลขโทรศัพท์ของคุณ ให้เพิ่มคลาสจากพารามิเตอร์ phone_conversion_css_class (ไฮไลต์ในตัวอย่างด้านล่าง) ไปยังแท็ก span ที่มีหมายเลขโทรศัพท์ของคุณ
<body> <span class="number">1-800-123-4567</span> </body>

ตัวอย่างที่ 2: ส่งต่อหมายเลขโอนสายของ Google ไปยังฟังก์ชันเรียกกลับที่กำหนดเอง

ฟังก์ชันนี้จะรับหมายเลขโทรศัพท์แล้วส่งไปยังฟังก์ชันเรียกกลับ ฟังก์ชันเรียกกลับตัวอย่างจะใช้หมายเลขโอนสายที่มีการจัดรูปแบบแทนเนื้อหาขององค์ประกอบที่มีรหัสเป็น "number"

อัปเดตข้อมูลโค้ดโทรศัพท์ของคุณเพื่อให้ตรงกับตัวอย่างโค้ดด้านล่าง ใส่หมายเลขโทรศัพท์ที่ปรากฏในเว็บไซต์ของคุณแทน “1-800-123-4567” นอกจากนี้ ให้ใส่รหัสแท็กของบัญชี Google Ads ของคุณโดยเฉพาะแทน "TAG_ID" และใส่ป้ายกำกับ Conversion เฉพาะสำหรับการกระทำที่ถือเป็น Conversion แทน "CONVERSION_LABEL" ด้วย
<script type="text/javascript"> var callback = function(formatted_number, mobile_number) { // formatted_number: หมายเลขที่จะแสดงขึ้นในรูปแบบเดียวกันกับ // 'phone_conversion_number' // (ในกรณีนี้คือ '1-800-123-4567') // mobile_number: หมายเลขที่จัดรูปแบบเพื่อใช้ในลิงก์ที่คลิกได้ซึ่งมี // with tel:-URI (ในกรณีนี้คือ '+18001234567') var e = document.getElementById("number"); e.innerHTML = ""; e.appendChild(document.createTextNode(formatted_number)); };

gtag('config', 'TAG_ID/CONVERSION_LABEL', { 'phone_conversion_number': '1-800-123-4567', 'phone_conversion_callback': callback }); </script>
ใน HTML สำหรับหน้าเว็บที่มีหมายเลขโทรศัพท์ ให้เพิ่มพารามิเตอร์รหัสที่มีค่าเป็น number (ไฮไลต์ในตัวอย่างด้านล่าง) ลงในแท็ก Span ที่มีหมายเลขโทรศัพท์
<body> <span id="number">1-800-123-4567</span> </body>

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

ตัวอย่างที่ 3: ส่งต่อหมายเลขโอนสายของ Google ไปยังฟังก์ชันเรียกกลับที่กําหนดเองในเว็บไซต์ในอุปกรณ์เคลื่อนที่
ในหน้าเว็บบนอุปกรณ์เคลื่อนที่ที่มีหมายเลขโทรศัพท์ที่คลิกได้ ให้แทนที่ทั้งหมายเลขที่แสดงและหมายเลขที่จะโทรหาเมื่อคลิก วิธีนี้ต้องใช้ฟังก์ชันเรียกกลับ

อัปเดตข้อมูลโค้ดโทรศัพท์ของคุณเพื่อให้ตรงกับตัวอย่างโค้ดด้านล่าง ใส่หมายเลขโทรศัพท์ที่ปรากฏในเว็บไซต์ของคุณแทน “1-800-123-4567” นอกจากนี้ ให้ใส่รหัส Conversion ของบัญชี Google Ads ของคุณโดยเฉพาะแทน “CONVERSION_ID” และใส่ป้ายกำกับ Conversion เฉพาะสำหรับการกระทำที่ถือเป็น Conversion แทน “CONVERSION_LABEL” ด้วย
<script type="text/javascript"> var callback = function(formatted_number, mobile_number) { // formatted_number: หมายเลขที่จะแสดงขึ้นในรูปแบบเดียวกันกับ // 'phone_conversion_number' // (ในกรณีนี้คือ '1-800-123-4567') // mobile_number: หมายเลขที่จัดรูปแบบเพื่อใช้ในลิงก์ที่คลิกได้ซึ่งมี // with tel:-URI (ในกรณีนี้คือ '+18001234567') var e = document.getElementById("number"); e.href = "tel:" + mobile_number; e.innerHTML = ""; e.appendChild(document.createTextNode(formatted_number)); }; gtag('config', 'TAG_ID/CONVERSION_LABEL', { 'phone_conversion_number': '1-800-123-4567', 'phone_conversion_callback': callback }); </script>
ใน HTML ของหน้าเว็บที่มีหมายเลขโทรศัพท์ ให้เพิ่มแอตทริบิวต์รหัสที่มีค่าเป็น number (ไฮไลต์ในตัวอย่างด้านล่าง) ลงในแท็ก <a> ที่มีหมายเลขโทรศัพท์
<body> <a href="tel:18001234567" id="number">1-800-123-4567</a> </body>

การตรวจสอบโค้ด

ระบบอาจใช้เวลาถึง 1 ชั่วโมงก่อนที่โฆษณาของคุณจะใช้การกระทำที่ถือเป็น Conversion นี้ได้ หากต้องการตรวจสอบว่าใช้งานได้จริง คุณอาจลองทำการค้นหาที่จะทำให้โฆษณาแสดง แล้วคลิกโฆษณาเพื่อไปยังเว็บไซต์ (ระบบจะเรียกเก็บเงินคุณจากการคลิกนี้) ตอนนี้หมายเลขโอนสายของ Google ควรขึ้นแทนหมายเลขโทรศัพท์ปกติของคุณแล้ว

หากทำการทดสอบซ้ำ ให้ลบคุกกี้ "gwcc" ออกจากเบราว์เซอร์ก่อนคลิกโฆษณาอีกครั้ง

ลิงก์ที่เกี่ยวข้อง

ข้อมูลนี้มีประโยชน์ไหม

เราจะปรับปรุงได้อย่างไร