amp-call-tracking
簡介
amp-call-tracking
會將靜態電話號碼替換為動態產生的電話號碼,用於來電追蹤分析。
設定
匯入 amp-call-tracking
元件。
<script async custom-element="amp-call-tracking" src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
基本用法
一個傳回 JSON 回應的 XHR 端點將定義電話號碼以及號碼的格式設定方式。
您的 XHR 端點需要遵循並實作 AMP 規格中的 CORS 要求。
以下是此範例中端點所使用的 JSON 回應
{ "phoneNumber": "15559876543", "formattedPhoneNumber": "1 (555) 987-6543" }
請注意,formattedPhoneNumber
是選填項目。請參閱元件文件以取得更多資訊。
我們也需要設定一個預設電話號碼,該號碼會在端點回應之前顯示。這可以透過 amp-call-tracking
標記內的 <a>
元素來完成。
<amp-call-tracking config="https://amp.dev.org.tw/static/samples/json/call-tracking-number.json">
<a href="tel:10001111111">1 (000) 111-1111</a>
</amp-call-tracking>
需要更詳細的說明嗎?
如果此頁面上的說明未能涵蓋您的所有問題,請隨時與其他 AMP 使用者聯絡,討論您的確切使用案例。
前往 Stack Overflow 有未說明的功能嗎?AMP 專案強烈鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對特別感興趣的問題提供一次性的貢獻。
在 GitHub 上編輯範例-
由 @alanorozco 撰寫