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> 元素完成。

1 (000) 111-1111

<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