amp-call-tracking
Komponen amp-call-tracking menggantikan nomor telepon statis dengan nomor telepon yang dihasilkan secara dinamis yang digunakan untuk analisis pelacakan panggilan.
Cara Penambahannya
Impor komponen pelacakan amp-call-tracking tepat setelah pembukaan <head>
Penggunaan dasar
Titik akhir XHR yang mengembalikan respons JSON akan menentukan nomor telepon dan bagaimana nomor tersebut akan diformat.
Titik akhir XHR Anda perlu melacak dan mengimplementasikan permintaan CORS dalam spesifikasi AMP.
Berikut ini adalah respons JSON yang digunakan di titik akhir dalam contoh ini:
Ingat ituormattedPhoneNumber Itu opsional. Lihat dokumentasi komponen untuk informasi lebih lanjut.
Kita juga perlu menetapkan nomor telepon default yang akan ditampilkan sebelum titik akhir merespons. Ini dilakukan melalui elemen <a> di dalam label amp-call-tracking.
Cara Penambahannya
Impor komponen pelacakan amp-call-tracking tepat setelah pembukaan <head>
<script async custom-element="amp-call-tracking" src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
Penggunaan dasar
Titik akhir XHR yang mengembalikan respons JSON akan menentukan nomor telepon dan bagaimana nomor tersebut akan diformat.
Titik akhir XHR Anda perlu melacak dan mengimplementasikan permintaan CORS dalam spesifikasi AMP.
Berikut ini adalah respons JSON yang digunakan di titik akhir dalam contoh ini:
{
"phoneNumber": "51459875390",
"formattedPhoneNumber": "1 (62) 514-6390"
}
Ingat ituormattedPhoneNumber Itu opsional. Lihat dokumentasi komponen untuk informasi lebih lanjut.
Kita juga perlu menetapkan nomor telepon default yang akan ditampilkan sebelum titik akhir merespons. Ini dilakukan melalui elemen <a> di dalam label amp-call-tracking.
Contohnya<p> <strong>Call us!</strong> <br> <amp-call-tracking config="https://ampbyexample.com/json/call-tracking-number.json"> <a href="tel:10001111111">1 (000) 111-1111</a> </amp-call-tracking> </p>Call us!
1 (000) 111-1111