AMP
  • 網站

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 上編輯範例