Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
87 lines (70 sloc) 3.07 KB
$category@ formats teaser
ads-analytics
websites
text
Displays GL Transmission Format (gITF) 3D models.

amp-call-tracking

Dynamically replaces a phone number in a hyperlink to enable call tracking. Executes a CORS request to substitute the number.

Required Script <script async custom-element="amp-call-tracking" src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
Supported Layouts container, fill, fixed, fixed-height, flex-item, responsive
Examples See AMP By Example's amp-call-tracking example.

[TOC]

Usage

The <amp-call-tracking> tag must wrap a normal anchor tag that hyperlinks a phone number. This phone number will be replaced with the values provided by a CORS endpoint.

Example

<amp-call-tracking config="https://example.com/calltracking.json">
  <a href="tel:123456789">+1 (23) 456-789</a>
</amp-call-tracking>

{% call callout('Note', type='note') %} Each unique CORS endpoint is called only once per page. {% endcall %}

Attributes

config (required)

Defines a CORS URL. The URL's protocol must be HTTPS. The response must consist of a valid JSON object with the following fields:

  • `phoneNumber` (required): Specifies the phone number to call when the user clicks the link.
  • `formattedPhoneNumber` (optional): Specifies the phone number to display. If not specified, the value in `phoneNumber` is used.

{% call callout('Important', type='caution') %} Your XHR endpoint must implement the requirements specified in the CORS Requests in AMP spec. {% endcall %}

Validation

See amp-call-tracking rules in the AMP validator specification.

See also

You can’t perform that action at this time.